Подсказки для поиска как в яндексе - 10 Октября 2010 - ForWeb - Всё для uCoz
Форма входа
Меню сайта
Категории
Мини чат
Поиск
Наш баннер
Статистика
Главная »
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$
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]