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

HTML+CSS+JavaScript

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

 

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

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

тема: Исчезающие подсказки
 
 автор: Владимир55   (18.01.2012 в 10:59)   письмо автору
 
 

В форме имеются подсказки в виде предзаполненной строки
<input type=text name=adr value="Электронный адрес" size="31">
<textarea rows="3" cols="40" name="textt">Наименование заболевания или симптомы</textarea>


С одной стороны, это удобно. А с другой - муторно, поскольку посетителю каждую подсказку нужно выделить курсором и удалить, а уж потом вписывать свой текст.

Можно ли сделать так, что бы предзаполнение само полностью удалялось, как только посетитель ставит на него курсор?

  Ответить  
 
 автор: Aidaho   (18.01.2012 в 11:09)   письмо автору
 
   для: Владимир55   (18.01.2012 в 10:59)
 

можно например в тег инпут добавить placeholder="Подсказка"
Но это только в новых браузерах, в шестом ие наврядли поддерживается.

  Ответить  
 
 автор: elenaki   (18.01.2012 в 11:15)   письмо автору
 
   для: Владимир55   (18.01.2012 в 10:59)
 

onclick="this.value=''"

  Ответить  
 
 автор: Владимир55   (18.01.2012 в 11:29)   письмо автору
 
   для: elenaki   (18.01.2012 в 11:15)
 

Вот эта идея
<input type=text name=adr onclick="this.value='Электронный адрес'" size="31">
очень интересна, но тут изначально поле пустое, а подсказка вписывается, когда курсор попадает в поле.
А надобно наоборот - что бы вписывалось изначально, а при попадании курсора исчезало.

Можно ли как-бы инвертировать это действие?

  Ответить  
 
 автор: elenaki   (18.01.2012 в 11:38)   письмо автору
 
   для: Владимир55   (18.01.2012 в 11:29)
 

http://designformasters.info/posts/compact-accessible-forms/

  Ответить  
 
 автор: АЯС   (18.01.2012 в 11:31)   письмо автору
 
   для: elenaki   (18.01.2012 в 11:15)
 

Чудный совет!

Кликнет юзер - и всё исчезнет! Здорово!

Напишет юзер свой собственный текст. И тот останется. Тоже здорово!

А если юзер захочет изменение в текст внести и снова на него кликнет? Всё исчезнет. Совсем не здорово :-((
---

Потому правильным будет следующее:
onfocus="if (this.value == 'Наименование заболевания или симптомы') this.value = ''" onblur="if (!this.value) this.value = 'Наименование заболевания или симптомы'"

  Ответить  
 
 автор: Владимир55   (18.01.2012 в 11:49)   письмо автору
 
   для: АЯС   (18.01.2012 в 11:31)
 

Пока что не удалось.

Вот так подсказок нет совсем:
<textarea rows="3" cols="40" name="textt" onfocus="if (this.value == 'Наименование заболевания или симптомы') this.value = ''" onblur="if (!this.value) this.value = 'Наименование заболевания или симптомы'"></textarea>


А вот так, естественно, в поле сам код:
<textarea rows="3" cols="40" name="textt">onfocus="if (this.value == 'Наименование заболевания или симптомы') this.value = ''" onblur="if (!this.value) this.value = 'Наименование заболевания или симптомы'"</textarea>


Как это нужно писать, чтобы правильно работало?

  Ответить  
 
 автор: АЯС   (18.01.2012 в 11:55)   письмо автору
 
   для: Владимир55   (18.01.2012 в 11:49)
 

Так Вы зачем-то САМИ изменили свой СОБСТВЕННЫЙ код.
Вначале ВНУТРИ textarea у Вас был текст, а сейчас Вы почему-то его убрали. Верните всё "взад":
<textarea rows="3" cols="40" name="textt"
onfocus="if (this.value == 'Наименование заболевания или симптомы') this.value = ''"
onblur="if (!this.value) this.value = 'Наименование заболевания или симптомы'">Наименование заболевания или симптомы</textarea>

ВАЖНО: Учтите, что текст внутри textarea должен быть написан НЕРАЗРЫВНО с символами > и <.
Безо всяких пробелов и переносов строк:
...омы'">Наименование заболевания или симптомы</textar...
        ^                                     ^
        |                                     |
     Без пробелов                          Без пробелов
     и переносов                           и переносов

  Ответить  
 
 автор: Владимир55   (18.01.2012 в 12:04)   письмо автору
 
   для: АЯС   (18.01.2012 в 11:55)
 

Да, я был не прав! Теперь всё замечательно получилось! Спасибо!

  Ответить  
 
 автор: Igorek   (18.01.2012 в 11:24)   письмо автору
 
   для: Владимир55   (18.01.2012 в 10:59)
 

может пригодится:
http://www.xiper.net/collect/js-plugins/html5-and-css3/jquery-placeholder.html

  Ответить  
Rambler's Top100
вверх

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