Russian TYPO3 community - JavaScript'овый поиск

Russian TYPO3 community (http://forum.typo3.ru/index.php)

- Общие вопросы (http://forum.typo3.ru/forumdisplay.php?f=12)

- - JavaScript'овый поиск (http://forum.typo3.ru/showthread.php?t=4077)

JavaScript'овый поиск

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

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

Для начала в шаблоне создайте

Код:

<div id=search_box style="position:absolute;z-index:10;visibility:hidden;">

      Тут код формы поиска со всеми нужными скрытыми полями и кнопкой  "Искать"

</div>

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

Код HTML:



<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)"

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

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