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

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

Jackson

Автор: Jackson,
в В помощь вебмастеру

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

Jackson

Jackson 4

Опубликовано:
Опубликовано:

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

Untitled-34341.png

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

-----------

thekyivtimes.com

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

WWW.ZEOS.IN 1161

Опубликовано:
Опубликовано:

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


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

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

Adobe 111

Опубликовано:
Опубликовано:

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

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

Jackson 4

Опубликовано:
Опубликовано: Автор

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


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

WWW.ZEOS.IN 1161

Опубликовано:
Опубликовано:

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

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

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

Jackson 4

Опубликовано:
Опубликовано: Автор

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

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

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

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

WWW.ZEOS.IN 1161

Опубликовано:
Опубликовано:

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

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

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

Jackson 4

Опубликовано:
Опубликовано: Автор

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

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

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

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

WWW.ZEOS.IN 1161

Опубликовано:
Опубликовано:

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

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

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

Jackson 4

Опубликовано:
Опубликовано: Автор

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>

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

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

Архивировано

Эта тема находится в архиве и закрыта для публикации сообщений.

Перейти к списку тем
×
×
  • Создать...