[3.8.x]

Версия: 3.1.0
Название: Живой поиск
Оригинальное название: Live Search
Описание: Поиск без перезагрузки страниц

Тема переехала сюда из-за актуальности этой линейки vBulletin.
Предыдущая тема: http://www.vbsupport.ru/forum/showthread.php?t=23730

Возможности:

• не искать, если не набрано >= 3 символов;
• ограничение в количестве найденных тем;
• подсветка искомого слова найденных темах;
• работает с vBa и vBCMS
• ограничение количества выводимых результатов
• ограничения по группам
• поиск по собственным разделам
• сортировка найденного
• делается всего один запрос к базе
• полная совместимость со стилями и браузерами
• поиск тем по отдельным словам (разделяя пробелом)
• интеграция в стандартный поиск
• поиск только по указанной длине каждого слова
• поиск пользователей
• интервал между запросами
• AJAX подгрузка меню поиска
• написаны 2 класса javascript, что позволяет скрипту дистанционно следить за полем поиска
• возможность перетаскивать окна (при нажатии на стрелочку, рядом с темой, загрузится второе окно)
• разделение js на 2 файла (1й инициирующий, 2й рабочий), плюс добавился третий скрипт, для загрузки скриптов, в тот момент, когда поиск понадобится

Известные проблемы:

Если взаимодействовать с окном просмотра сообщения, то окно со списком найденных тем пропадет.

Установка:

Залить файлы из папки upload на фтп в папку форума.
Импортировать продукт.

Обновление:

Удалите хак и прилагающие к нему файлы (если были). Пройдите этап установки. Если вы редактировали шаблоны хака - "верните" их.

Настройка:

Для более цивильного размещения формы через переменную $lsaform, могу предложить хорошее место
В шаблоне navbar выше этого:

<if condition="$show['member']">
	<td class="alt2" nowrap="nowrap">
	<div class="smallfont">
		<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />

Добавляем этот код:

	<td class="alt1" align="center" nowrap="nowrap">
		$lsaform
	</td>

Форма поиска разместится слева от блока Добро пожаловать, Юзер

Если вы уже имеете свою форму поиска и хотите прикрутить к ней AJAX, делаем следующее.
Форма поиска выглядит примерно так:

					<form action="search.php?do=process" method="post">

					<input type="hidden" name="do" value="process" />
					<input type="hidden" name="quicksearch" value="1" />
					<input type="hidden" name="childforums" value="1" />
					<input type="hidden" name="exactname" value="1" />
					<input type="hidden" name="s" value="$session[sessionhash]" />
					<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
					<input type="text" class="bginput" name="query" size="25" tabindex="1001" />
					<input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" />

				</form>

Итак, после открытия тега <form ХХХ> добавляем ниже:

					<div id="lsa_window">

Перед закрывающим тегом </form> добавляем:

					</div>

Мы подготовили форму поиска для всплывающего окна. Теперь нам нужно привязать к этому полю javascript.
Для этого в теге <input type="text" /> добавляем id="lsa_input":

В итоге у вас должен получиться такой примерно код:

				<form action="search.php?do=process" method="post">
					<div id="lsa_window">
					<input type="hidden" name="do" value="process" />
					<input type="hidden" name="quicksearch" value="1" />
					<input type="hidden" name="childforums" value="1" />
					<input type="hidden" name="exactname" value="1" />
					<input type="hidden" name="s" value="$session[sessionhash]" />
					<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
					<input type="text" id="lsa_input" class="bginput" name="query" size="25" tabindex="1001" />
					<input type="submit" class="button" value="$vbphrase[go]" tabindex="1004" />
					</div>
				</form>

Если в вашем поле поиска уже есть id и его смена может сбросить возможную привязку CSS, делаем следующее.
Открываем шаблон lsa_script и редактируем строчку

var lsa = new AJAX_LiveSearch_Init("lsa", "lsa_input", "lsa_window");

где аргументы класса:
lsa - имя переменной инициализирующий класс js;
lsa_input - id поля поиска;
lsa_window - id всплывающего окна;

Т.о., изменяя аргументы класса AJAX_LiveSearch_Prepare, вы можете не редактировать поле поиска.

Live DEMO: http://mixplay.ru/
Live video: http://www.youtube.com/watch?v=t_16fk5VGYw

Часть функций взято из ChangUonDyU - Quick Search - Ajax

Обновил видео

mad@Max,
есть некоторые ммм... ну скажем недочеты =)
если 2 раза кликнуть в поле поиска, окно скрывается (твой сайт - демо) но при набирании текста не появляется
если кликнуть линк "закрыть", скрывается только часть окна, основная таблица остается
может лучше вместо display:none использовать parentNode.removeChild ?? =)

kerk, 2 раза кликать это потому что там повешены 2 действия, одно убирает текст "Живой поиск" второе открывает окно, хз как победить
Ммм, как это часть окна? У меня вроде во всех браузерах полностью исчезает.
за parentNode.removeChild спасибо, просто не знал

Originally Posted by mad@Max

как это часть окна? У меня вроде во всех браузерах полностью исчезает

**тут был скрин, он умер**

опера 9.63

Originally Posted by mad@Max

там повешены 2 действия, одно убирает текст "Живой поиск" второе открывает окно, хз как победить

а ты в одну функцию запихай эти 2 действия
при повторном клике, просто blur();
убрать фокус с поля ввода
тогда при след. клике окно снова откроется
===
кстати, если пользуешься дебаг режимом, открой сорс страницы и поищи по тексту parentNode.removeChild
увидишь как работает функция и к чему привязаться

kerk, на blur() я привязал условие, что если окно скрыто (display == 'none'), то поле очищается (если там ранее что то было написано). А вообще окно не имеет кнопки закрытия, оно скрывается по тычку в любое место окна, ну как в принципе любая менюшка булки.

mad@Max добавил 13.02.2009 в 21:46
Гы, так и не пойму, как тебе удалось так скрыть окно В опере везде тыкал)))

mad@Max добавил 13.02.2009 в 22:01
Вроде наладил, просто на onfocus() повесил функцию vbmenu_register перед условием об очистке поля.

Originally Posted by mad@Max

В опере везде тыкал

там есть линк "закрыть", вот клик по которому и сворачивает так окно
зайди гостем, не пользователем
===
и если уж делаешь на аяксе поиск, то и само окно открывай не из скрытого слоя, а подгружай при вызове кнопкой
вес страницы + технологии млин...

зайди на тестовый форум, там в постбите есть ссылка на гараж узера, так вот там окно появляется не из скрытого слоя

ааа, ты серый стиль юзал))))) Ога, там был косяк
На счет подгрузки это идея, пасиба
а где тестовый форум?

mad@Max добавил 13.02.2009 в 22:57
Интуитивно нашел тестовый форум

У меня в опере вообще странно открывает :(