Навигация
Категории
| Скрипты для Ucoz [474] |
| Шаблоны для Ucoz [199] |
| Графика для Ucoz [11] |
| Скрипты Меню для сайта [21] |
| Ajax Окна [4] |
Мини-Чат
Опрос
Лучшие пользователи
Ник: Толик
Файлов: 744
Ник: cyber
Файлов: 159
Ник: waxirewion
Файлов: 59
Ник: Admin™
Файлов: 5
Партнеры
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0
| Главная » Файлы » Всё для Ucoz » Скрипты для Ucoz |
Подсказки для поиска как в яндексе
Подсказки для поиска как в яндексе
Скрипт реализует подсказки для поисковых форм по модулю (выводимые кодом $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>
$( "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>
$( "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$
| Всего комментариев: 0 | |