Очистка формы поиска кнопкой (х)

Jackson · 26 марта 2012

Подскажите, может уже кто-то реализовал такой фун-нал у себя, как это сделать?

если кто пощупать хочет, вот линк этого поиска http://tabletki.ua

-----------

thekyivtimes.com

WWW.ZEOS.IN · 26 марта 2012

Написал Вам простейший пример для очистки поля:

<!DOCTYPE html>

<html>


<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

  $(function(){

	$("span").click(function(){

	  $("#aaa").val("");

	});

  });

</script>

</head>


<body>

  <input type="text" name="name" value="Мой текст" id="aaa" /><span>X</span>

</body>


</html>

Изменено 26 марта 2012 пользователем WWW.ZEOS.IN

Adobe · 26 марта 2012

Как пользователь, никогда такими вещами не пользовался. Выделил текст, написал по новой.

Jackson · 26 марта 2012

26.03.2012 в 18:02, WWW.ZEOS.IN сказал:

Написал Вам простейший пример для очистки поля:

<!DOCTYPE html>

<html>


<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

  $(function(){

	$("span").click(function(){

	  $("#aaa").val("");

	});

  });

</script>

</head>


<body>

  <input type="text" name="name" value="Мой текст" id="aaa" /><span>X</span>

</body>


</html>

Мне кажется, что это работать не будет, при клике на поиск, или нажатие на enter, фраза будет затираться и поиск ничего не выдаст.

WWW.ZEOS.IN · 26 марта 2012

Цитата
Мне кажется

Стираться будет лишь по событию click на тег span

То, что я написал - всего-лишь пример. Естественно скрипт будет другим.

Jackson · 26 марта 2012

26.03.2012 в 18:57, WWW.ZEOS.IN сказал:

Цитата
Мне кажется
Стираться будет лишь по событию click на тег span
То, что я написал - всего-лишь пример. Естественно скрипт будет другим.

А как сделать уникальный span для кнопки(х) в коде яваскрипт, т.к. input-ы будут тоже в спанах..

WWW.ZEOS.IN · 26 марта 2012

Обращайтесь к нужному ID вместо тега span

$("#tralala").click(function(){...

Jackson · 26 марта 2012

26.03.2012 в 19:12, WWW.ZEOS.IN сказал:
Обращайтесь к нужному ID вместо тега span

$("#tralala").click(function(){...

так, с этим вроде разобрались, осталось только сделать, чтобы кнопка (х) появлялась при событии - фокус (там куда текст вводить), подскажите пожалуйста..

WWW.ZEOS.IN · 26 марта 2012

http://jquery.page2page.ru/index.php5/События

Я думаю, тут лучше использовать событие .keydown() и делать проверку на то, есть ли в форме какие-то символы

Jackson · 26 марта 2012

26.03.2012 в 20:37, WWW.ZEOS.IN сказал:
http://jquery.page2p...ex.php5/События

Я думаю, тут лучше использовать событие .keydown() и делать проверку на то, есть ли в форме какие-то символы

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

<script type="text/javascript">

  $(function(){

		$("#clear_btn").click(function(){

		  $("#story").val("");

		});

	    $('#story').keydown('focus', function(){

		  alert('#clear_btn')

		});

  });

</script>

максимум, что я знаю в яваскрипте, это когда в коде ставить ,;, и то..

Изменено 26 марта 2012 пользователем Jackson

Войти

Очистка формы поиска кнопкой (х)

Рекомендованные сообщения

Jackson 4

Ссылка на сообщение

Поделиться на других сайтах

WWW.ZEOS.IN 1 161

Ссылка на сообщение

Поделиться на других сайтах

Adobe 111

Ссылка на сообщение

Поделиться на других сайтах

Jackson 4

Ссылка на сообщение

Поделиться на других сайтах

WWW.ZEOS.IN 1 161

Ссылка на сообщение

Поделиться на других сайтах

Jackson 4

Ссылка на сообщение

Поделиться на других сайтах

WWW.ZEOS.IN 1 161

Ссылка на сообщение

Поделиться на других сайтах

Jackson 4

Ссылка на сообщение

Поделиться на других сайтах

WWW.ZEOS.IN 1 161

Ссылка на сообщение

Поделиться на других сайтах

Jackson 4

Ссылка на сообщение

Поделиться на других сайтах

Присоединяйтесь к обсуждению

Форум

Активность