Перейти к публикации

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


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

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

Untitled-34341.png

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

-----------

thekyivtimes.com

Ссылка на сообщение
Поделиться на других сайтах

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


<!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>

Изменено пользователем 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, фраза будет затираться и поиск ничего не выдаст.

Ссылка на сообщение
Поделиться на других сайтах

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

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

Ссылка на сообщение
Поделиться на других сайтах

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

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

Ссылка на сообщение
Поделиться на других сайтах

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>

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

Изменено пользователем Jackson
Ссылка на сообщение
Поделиться на других сайтах

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

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...