[Misha1990]

Вот работающий код, который я смог написать:

<script type="text/javascript">
function Gosterka(Obj) {
   if (Obj.value!='' & Obj.value!='Поиск по каталогу...') {
      document.getElementById('sterka').style.display='block';
   } else {document.getElementById('sterka').style.display='none'; }
}
</script>

<style>
#sterka {display:none; ... }
</style>

		<div id="search">
		<div id="sterka" onclick="document.getElementById('searchbox').value = ''; document.getElementById('sterka').style.display='none'; $('#searchbox').focus();"></div>
        <form method="get" id="searchform" action="<?php if(is_home()) { echo "?";} else { bloginfo('home');} ?> ">
		   <div id="searchformobv">
		   <font class="textpoisk"><input type="text" maxlength="50" onkeyup='Gosterka(this)' value="<?php if ($s) { echo "$s";} else { echo "Поиск по каталогу...";} ?>" onfocus="if (this.value == 'Поиск по каталогу...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Поиск по каталогу...';}" name="s" id="searchbox"/></font>
           <input type="submit" class="submitbutton" value="" />
		   </div>
        </form>
        </div>

Вообще, сайт на движке Wrodpress.
В переменную $s заносится слово, которое ищется. Но об этом не стоит говорить, т.к. это нас не касается.

1. Что вы думаете о моём коде?

2. Есть проблема: Когда вбиваешь слово и ищешь его на сайте - страница обновляется и крестик то исчезает. Понятно почему, но не понятно как с этим справится.

3.Очень хочу, чтоб кто-нибудь помог переделать мой код на код с максимально полным использованием JQuery.

4. И очень хотелось бы сделать перемещение курсора после нажатия на крестик.


Новички атакуют!