JavaScript'овый поиск

[Fearless Goblin]

Доброго времени суток.
Создаётся сайт, на котором присутствует верхняя менюшка, в которой есть пункт "Поиск", при нажатии на который необходимо, чтобы появилось маленькое окошко, в котором есть поле ввода и кнопка. Говоря проще, нужно сделать точно такое же меню, как у этого форума вверху.
Может ли кто мне что-то посоветовать по этому поводу?

[Dutchak Vitaly]

Это чистый JS тут TYPO3 не при чем.

Для начала в шаблоне создайте
<div id=search_box style="position:absolute;z-index:10;visibility:hidden;">
Тут код формы поиска со всеми нужными скрытыми полями и кнопкой "Искать"
</div>

Потом нужен JS код:


<script>
function showSearchBox(e){
if (!e){
e = windows.event
}

x = e.clientX;
y = e.clientX+document.body.scrollTop;

sBox = document.getElementById('search_box');
sBox.style.left = x;
sBox.style.top = y+10;
sBox.style.visibility = 'visible';

this.onclick = function (e) {hideSearchBox(e);}
}

function hideSearchBox (){

sBox = document.getElementById('search_box');
sBox.style.visibility = 'hidden';
this.onclick = function (e) {showSearchBox(e);}

}

</script>




Теперь просто на кнопку или ссылку ставьте onclick = "showSearchBox(e)"


За работоспособность кода не ручаюсь, не проверял, но по идеи должно работать

[Fearless Goblin]

Спасибо. Буду пробовать.