Суббота, 27.04.2024, 02:33
Приветствую Вас Гость | RSS
Главная | | Регистрация | Вход

22:28
Подсказки для поиска как в яндексе или в нашем поиске

Видели подсказку в яндексе или гугле, когда вводишь текст для поиска? Хотите себе такую же на сайт? Тогда вы нашли то, что вам нужно!
Скрипт реализует подсказки для поисковых форм по модулю (выводимые кодом $MODULE_SEARCH_FORM$).

Установка простая и делается в один шаг — ставьте этот скрипт в конец BODY:

Code

<script type="text/javascript">  
$( "input[name='query']" ).keypress(function () {  
  var $this = $( this ),  
  form = $this.closest("form");  
  clearTimeout( this.timer );  
  this.timer = setTimeout(function () {  
  $this.next('#stip').remove();  
  $this.after( "<div id='stip' style='position: absolute; background: #FFFFFF; width: " + $this.width() + "px; left: " + $this.offset().left + "px;'>Загрузка…</div>" );  
  $.post("/" + form[0].action.split('/')[3], form.serialize(), function ( response ) {  
  var html = "";  
  $( "a.entryLink", response ).slice(0, 10).each(function () {  
  html += "<a href='" + this.href + "' target='_blank' style='float: left;color: #000000; font: normal normal 400 8px/8px Arial;'>" + this.innerHTML + "</a>

";  
  });  
  $this.next('#stip').remove();  
  $this.after( "<div id='stip' style='position: absolute; background: #FFFFFF; width: " + $this.width() + "px; left: " + $this.offset().left + "px;'>" + html + "</div>" );  
  });  
  }, 1000);  
});  
$(document).click(function (event) {  
  if ( !$(event.target).closest("#stip").length ) {  
  $("stip").remove();  
  }  
});  
</script>

Автор — $USERNAME$.

Источник:
Просмотров: 338 | Добавил: H[o_0]LiGaN | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Бесплатный хостинг uCozCopyright MyCorp © 2024