Главная » 2010 » Октябрь » 10 » Подсказки для поиска как в яндексе
00:37:25
Подсказки для поиска как в яндексе

Подсказки для поиска как в яндексе
Скрипт реализует подсказки для поисковых форм по модулю (выводимые кодом $MODULE_SEARCH_FORM$).

Установка:
В страницы сайта перед ставим:

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>

Quote
color: #000000; font: normal normal 400 8px/8px Arial;

Синим - цвет текста
Красным - размер шрифта

Если хотите,чтоб было как на 2 варианте,то ставтье

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; border:1px solid #000000; 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 12px/12px Arial;padding:1px 0 6px 0;border-bottom:1px solid #000000;'>" + this.innerHTML + "</a>

";
  });
  $this.next('#stip').remove();
  $this.after( "<div id='stip' style='position: absolute; background: #FFFFFF;border:1px solid #000000;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$

Скрипты для uCoz | Просмотров: 955 | Добавил: RAIDER
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]