X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Поведение формы в js
Concept
Concept
Topic Starter сообщение 22.10.2014, 17:50; Ответить: Concept
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 495
Регистрация: 26.1.2009
Из: Санкт-Петербург
Поблагодарили: 114 раз
Репутация:   16  


Имеется форма:
Код
<form action="">
    <div class="search">
        <input type="submit" value="" > <input type="text" alt="Поиск" title="Поиск" name="q" value="Поиск" onfocus="if (this.value=='Поиск')   this.value='';" onblur="if (this.value==''){this.value='Поиск'}" >
    </div>
</form>


Как реализвать, чтобы ее поведение (Появление и Исчезание надписи "Поиск") было прописано в js (предпочтительно jq)?


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sanasol
Sanasol
сообщение 22.10.2014, 17:52; Ответить: Sanasol
Сообщение #2


Участник
***

Группа: User
Сообщений: 111
Регистрация: 9.7.2013
Из: Санкт-Петербург
Поблагодарили: 47 раз
Репутация:   6  


http://htmlbook.ru/html/input/placeholder


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Concept
Concept
Topic Starter сообщение 22.10.2014, 18:06; Ответить: Concept
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 495
Регистрация: 26.1.2009
Из: Санкт-Петербург
Поблагодарили: 114 раз
Репутация:   16  


Спасибо, но нужна реализация под HTML 4.1


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WhiteIce
WhiteIce
сообщение 22.10.2014, 19:22; Ответить: WhiteIce
Сообщение #4


Участник
***

Группа: User
Сообщений: 130
Регистрация: 28.6.2013
Поблагодарили: 26 раз
Репутация:   5  


Вы имеете ввиду просто перенести это из разметки в скрипт?

Код
$("input[name='q']").focus(function () {
    $(this).val('');        
    });

$("input[name='q']").blur(function () {
    $(this).val('Поиск');        
    });


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sanasol
Sanasol
сообщение 22.10.2014, 19:29; Ответить: Sanasol
Сообщение #5


Участник
***

Группа: User
Сообщений: 111
Регистрация: 9.7.2013
Из: Санкт-Петербург
Поблагодарили: 47 раз
Репутация:   6  


WhiteIce, в таком случае при фокусе будет исчезать любой текст и соответственно всегда появляться Поиск т.е. на кнопку Искать не нажать будет даже

Сообщение отредактировал Sanasol - 22.10.2014, 19:29
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Concept
Concept
Topic Starter сообщение 23.10.2014, 2:25; Ответить: Concept
Сообщение #6


Бывалый
****

Группа: User
Сообщений: 495
Регистрация: 26.1.2009
Из: Санкт-Петербург
Поблагодарили: 114 раз
Репутация:   16  


Вопрос решен WhiteIce +, то что надо.
Sanasol все будет работать исправно.

Код
placeholder="Введите текст для поиска"

Да, вариант более новый но он не проходит валидацию по 4.1 строгому доктайпу и будет работать на всем, кроме Ie 9 и ниже
Вариант со скриптом не так красив, но универсален. ;)


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sanasol
Sanasol
сообщение 23.10.2014, 11:38; Ответить: Sanasol
Сообщение #7


Участник
***

Группа: User
Сообщений: 111
Регистрация: 9.7.2013
Из: Санкт-Петербург
Поблагодарили: 47 раз
Репутация:   6  


Почему всем все надо доказывать, вроде помогаешь, нет ведь не верят все равно.

http://jsfiddle.net/e7pwqx97/1/
Попробуйте ввести поисковый запрос и нажать кнопку(не через enter)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WhiteIce
WhiteIce
сообщение 23.10.2014, 15:03; Ответить: WhiteIce
Сообщение #8


Участник
***

Группа: User
Сообщений: 130
Регистрация: 28.6.2013
Поблагодарили: 26 раз
Репутация:   5  


Sanasol,
Потому что вы забыли добавить условие if (this.value=='') ;)

Сообщение отредактировал WhiteIce - 23.10.2014, 15:05


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sanasol
Sanasol
сообщение 23.10.2014, 15:07; Ответить: Sanasol
Сообщение #9


Участник
***

Группа: User
Сообщений: 111
Регистрация: 9.7.2013
Из: Санкт-Петербург
Поблагодарили: 47 раз
Репутация:   6  


WhiteIce, почему это я? Код ваш :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Если на сайте есть формы и нет HTTPS будут выдаватьcя предупреждения в Chrome
11 Twickbot 2733 9.9.2017, 12:45
автор: obmenbestru
Открытая тема (нет новых ответов) Требуется доработка формы заказа/обратной связи
0 Dinamitt 610 22.2.2017, 22:02
автор: Dinamitt
Открытая тема (нет новых ответов) До 180$ за заполнение формы. Партнерка по микрозаймам
для US, UK, AU, PL трафика.
2 evgen79 932 18.5.2016, 20:36
автор: evgen79


 



RSS Текстовая версия Сейчас: 16.12.2017, 11:21
Дизайн