Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Нужен совет по textfield
 
 автор: tetris   (17.07.2005 в 19:13)   письмо автору
 
 

Надо чтобы в textfield была видна фраза (это понятно) но как сделать так чтобы при наведении мышки он (текст) исчезал. кликнул мышкой текст исчез и вводиш запрос поиска (например)

   
 
 автор: elenaki   (17.07.2005 в 21:15)   письмо автору
 
   для: tetris   (17.07.2005 в 19:13)
 

onFocus="this.value=''"

   
 
 автор: tetris   (17.07.2005 в 21:51)   письмо автору
 
   для: elenaki   (17.07.2005 в 21:15)
 

Немножко не понятно куда вставлять:


<table border=0 cellspacing=1>
  <form action="index.php" method=get>
    {section name=i loop=$searchstrings} 
    <input type=hidden name='search_string_{$smarty.section.i.index}' 
            value='{$searchstrings[i]}'>
    {/section} 
    <tr> 
      <td colspan="3"> <nobr><img src="images/net.gif" width="1" height="1"></nobr></td>
    </tr>
    <tr> 
      <td width="1" height="26">&nbsp;</td>
      <td width="167"><input type="text" name="searchstring" size=25 
                value="- -&gt; введите запрос поиска"':'&quot;'|replace:"\'":"'"|default:""}"></td>
      <td width="212" align="left"><input type="submit" name="Submit" value="найти !"></td>
    </tr>
    <!--
        {if $old_search_query ne ""}
            <input type=hidden name="oldproducts" value="{$old_search_query}">
        {/if}
        -->
  </form>
</table>

   
 
 автор: ae212   (18.07.2005 в 01:53)   письмо автору
 
   для: tetris   (17.07.2005 в 21:51)
 

Вставлять сюда:

<input type="text" name="searchstring" 
size=25   onFocus="this.value=''"  value="- -&gt; введите запрос 
поиска"':'&quot;'|replace:"\'":"'"|default:""}">

В этом случае текст изчезнет при получении фокуса, т.е. при КЛИКЕ на поле.
Если нужно, чтобы он изчез при НАВЕДЕНИИ, то вставить нужно примерно это:

onMouseOver="this.value='';focus()"

При наведении текст изчезнет, поле получит фокус.

   
 
 автор: tetris   (18.07.2005 в 09:35)   письмо автору
 
   для: ae212   (18.07.2005 в 01:53)
 

Круто, а как сделать так чтобы после убратия мышки с поля текст опять появлялся.

   
 
 автор: Киналь   (18.07.2005 в 13:45)   письмо автору
 
   для: tetris   (18.07.2005 в 09:35)
 

onmouseout="this.value='Троденхейм'"

   
 
 автор: ae212   (18.07.2005 в 15:08)   письмо автору
 
   для: Киналь   (18.07.2005 в 13:45)
 

Немножко :) не согласен с Киналь...
В случае с onmouseout клиент даже не успеет нажать "Найти", курсор "уедет" и поле поменяет значение. Дя восстановления нужно использовать onBlur, т.е. не onmouseout="this.value='введите текст для поиска'", а onBlur="this.value='введите текст для поиска'". А вообще, уважаемый tetris, советую почитать что-нибудь про СОБЫТИЯ, пригодится.

   
 
 автор: Киналь   (18.07.2005 в 19:48)   письмо автору
 
   для: ae212   (18.07.2005 в 15:08)
 

=)
Да, действительно, оригинальный был бы эффект:) Слишком буквально воспринял вопрос. Но, к стыду своему, не помню (или не знаю=) ), когда срабатывает onBlur. Просвятите, пожалуйста!

ЗЫ "Киналь" склоняется:-) "с Киналем", стало быть)))

   
 
 автор: tetris   (19.07.2005 в 00:11)   письмо автору
 
   для: Киналь   (18.07.2005 в 19:48)
 

А вот и нет, аригинальный эффект проявляется при двух этих значениях, одним словом не получилось.

   
 
 автор: ae212   (19.07.2005 в 01:51)   письмо автору
 
   для: tetris   (19.07.2005 в 00:11)
 

Что не получилось???

<input type="text" name="searchstring" 
size=25   onMouseOver="this.value='';focus()" onBlur="this.value='- -&gt; введите запрос поиска'"  value="- -&gt; введите запрос поиска"':'&quot;'|replace:"\'":"'"|default:""}">

Вроде работает... текст в поле меняется на исходный после потери фокуса, т.е. если кликнуть мышью в любом месте, кроме этого поля.
Возможно, у Вас путаница с кавычками?

А по поводу onBlur - событие происходит в тот момент, когда элемент формы text, select или textarea теряет фокус. От onChange отличается только тем, что вызывается, даже если в поле не произошло никаких изменений.

   
 
 автор: tetris   (19.07.2005 в 11:24)   письмо автору
 
   для: ae212   (19.07.2005 в 01:51)
 

Да в принципе работает, но при нажатии на кнопку (<input type="submit" name="Submit" value="найти !">) сбросывается и как следствие пустой запрос пустой результат. Пробовал в opera и ослике.

   
 
 автор: Киналь   (19.07.2005 в 12:59)   письмо автору
 
   для: tetris   (19.07.2005 в 11:24)
 

Ну правильно - клик по кнопке - потеря input'ом фокуса -событие onBlur (спасибо за разъяснение!) - сброс текста на умолчание.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования