Привет всем. Я тут новичок. Нужна помощь.
Сейчас я на сайте делаю поиск. Вот изображение:
Вот код:
<div id="search">
<div id="sterka" onclick="document.getElementById('searchbox').value = ''; $('#sterka').remove(); $('#searchbox').focus();"></div>
<form method="get" id="searchform" action="?">
<div id="searchformobv">
<font class="textpoisk"><input type="text" maxlength="50" value="Поиск по каталогу..." 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>
Как видите по коду, при клике по
крестику - он исчезает и фокус оказывается в поле.
Задача: Нужно чтоб
крестик изначально был скрыт, а появлялся только тогда, когда в поле введён какой либо текст(конечно, не равный "Поиск по каталогу...").
Очень жду ответов в своей первой теме на данном форуме