Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.12.2011, 12:26
Интересующийся
Отправить личное сообщение для SvetozarPNZ Посмотреть профиль Найти все сообщения от SvetozarPNZ
 
Регистрация: 26.10.2010
Сообщений: 16

Вернуть элемент в фокусе
Привет!
Я пишу пытаюсь писать скрипт проверки полей формы. Хочу, чтобы поле ввода очищалось при фокусе на нем и заполнялось (если пустое) при уходе фокуса.

<input name="mail" id="ob" value="Обратная связь" type="text" onfocus="clearing">


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

Ответить с цитированием
  #2 (permalink)  
Старый 19.12.2011, 13:41
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

Сообщение от SvetozarPNZ
как отследить уход фокуса с элемента
событие 'blur'
Ответить с цитированием
  #3 (permalink)  
Старый 19.12.2011, 14:20
Интересующийся
Отправить личное сообщение для SvetozarPNZ Посмотреть профиль Найти все сообщения от SvetozarPNZ
 
Регистрация: 26.10.2010
Сообщений: 16

Свою проблему частично решил таким образом:
<input name="mail" id="ob" value="Обратная связь" type="text" onfocus="clearing ('ob')">

И уже в фукнции через id находил объект в фокусе.

Последний раз редактировалось SvetozarPNZ, 19.12.2011 в 14:23. Причина: кавычки к 'ob' добавил
Ответить с цитированием
  #4 (permalink)  
Старый 19.12.2011, 21:03
Профессор
Отправить личное сообщение для розовый слоник Посмотреть профиль Найти все сообщения от розовый слоник
 
Регистрация: 17.10.2009
Сообщений: 258

Цитата:
<input name="mail" id="ob" value="Обратная связь" type="text" onfocus="clearing ('ob')">
капец (рука лицо)
лучше передавать this функции так как в противном случаее каждому input'у прийдется передавать уникальный id. А если у вас таких интупов будет 20, 30, 40. кстати насколько я помню в ие были проблемы со значение value после того как вы ввели в инпут какие либо данные.
Ответить с цитированием
  #5 (permalink)  
Старый 20.12.2011, 07:00
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

<input placeholder="Fuck yea">
Ну а если кроссбраузерно, то копай событие onblur, свойство this.defaultValue
Ответить с цитированием
  #6 (permalink)  
Старый 20.12.2011, 16:43
Интересующийся
Отправить личное сообщение для SvetozarPNZ Посмотреть профиль Найти все сообщения от SvetozarPNZ
 
Регистрация: 26.10.2010
Сообщений: 16

Зашел написать для начинающих, что нашел более масштабный способ с this, который увидел в одной из статей. А тут уже подсказали. Еще общий вопросик задам. А если вообще не хочется ничего в форме писать? Все во внешнем скрипте получится сделать? Есть ли в javascript какие-нибудь подобия прослушивателей событий для элементов?
Ответить с цитированием
  #7 (permalink)  
Старый 20.12.2011, 16:51
Интересующийся
Отправить личное сообщение для SvetozarPNZ Посмотреть профиль Найти все сообщения от SvetozarPNZ
 
Регистрация: 26.10.2010
Сообщений: 16

FINoM,
Спасибо, не знаю HTML5. Но не буду использовать пока рановато. С моей аудиторией еще долгие годы будет рановато...
Ответить с цитированием
  #8 (permalink)  
Старый 20.12.2011, 19:30
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

Сообщение от SvetozarPNZ
А если вообще не хочется ничего в форме писать?
Тогда по событию submit очищать те поля где value === defaultValue.
Ответить с цитированием
  #9 (permalink)  
Старый 21.12.2011, 10:50
Интересующийся
Отправить личное сообщение для SvetozarPNZ Посмотреть профиль Найти все сообщения от SvetozarPNZ
 
Регистрация: 26.10.2010
Сообщений: 16

Я имел в виду совсем уйти от записей в коде HTML. Все обрабатывать во внешнем *.js. Убрать все онфокусы, онблюры...

По сабмиту у меня проверка будет. А на полях нужен placeholder, который в HTML 5, реализовать скриптом.
Ответить с цитированием
  #10 (permalink)  
Старый 21.12.2011, 16:34
Аватар для FINoM
Новичок
Отправить личное сообщение для FINoM Посмотреть профиль Найти все сообщения от FINoM
 
Регистрация: 05.09.2010
Сообщений: 2,298

Сообщение от SvetozarPNZ
Я имел в виду совсем уйти от записей в коде HTML. Все обрабатывать во внешнем *.js.
Вынести обработчики событий в js файл. Это правильная практика.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Drag-n-Drop - перетянуть элемент Jugo ExtJS 1 10.08.2011 19:10
Как передать элемент в переменную из функции kichSman jQuery 3 12.07.2011 22:16
перенести элемент в другой контейнер debugx jQuery 2 02.06.2011 15:53
Вернуть элемент по window.opener или что-то... ded-mazay Элементы интерфейса 3 24.11.2010 15:52
Кодировка при использовании Ajax Nichloas AJAX и COMET 9 17.09.2009 16:06