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



 

Здравствуйте, гость (

| Вход | Регистрация )

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


Имеется форма:
Код
<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


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


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


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


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

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

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


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


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

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


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

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

Да, вариант более новый но он не проходит валидацию по 4.1 строгому доктайпу и будет работать на всем, кроме Ie 9 и ниже
Вариант со скриптом не так красив, но универсален. ;)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Sanasol
Sanasol
сообщение 23.10.2014, 11:38; Ответить: Sanasol
Сообщение #7


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

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


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

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


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


WhiteIce, почему это я? Код ваш :)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыРассылка ваших сообщений в контакт формы!
3 dizaynmaks 1706 18.4.2022, 9:04
автор: dizaynmaks
Открытая тема (нет новых ответов) Делаю простые формы заказов с оплатой
прочитал-оформил-оплатил
3 Taylor 2823 13.6.2018, 0:34
автор: Taylor
Открытая тема (нет новых ответов) Доработка формы вывода фильтра товара и формы заказа. Webasyst ShopScript7
0 rmoto 2784 12.12.2017, 1:13
автор: -Arturrfmoto-
Открытая тема (нет новых ответов) Требуется доработка формы заказа/обратной связи
0 Dinamitt 1804 22.2.2017, 22:02
автор: Dinamitt
Открытая тема (нет новых ответов) Нужна помощь по замене формы ifreme c одной на другую
0 Serjiklis 2745 24.8.2015, 23:31
автор: -Serjiklis-


 



RSS Текстовая версия Сейчас: 23.4.2024, 19:08
Дизайн