Необходимо сделать форму поиска при выборе которой отображается поисковая кнопка, а при потере фокуса кнопка убирается. Одновременно с этим меняется размер картинки, чтобы дать место кнопке.
Есть поисковая форма и над ней картинка:
<img id="rss" src="/img/rss.gif" alt="RSS" width="200" height="78" border="0" />
<form id="search" action="">
<input id="searcquery" name="query" type="text" value="Что искать?" onfocus="showSearchButon(this)" onblur="hideSearchButton()" /><br />
<input id="searchbutton" type="submit" value="Поиск" />
</form>
При выборе строки поиска выполняется следующий код:
/* Предварительно была загружена картинка img['rss_small']
#searchbutton - display: none*/
function showSearchButon (obj) {
obj.value='';
var image=document.getElementById('rss');
img['rss']=image;
image.height=50;
image.src=img['rss_small'].src;
document.getElementById('searchButton').style.display='inline';
}
При потере фокуса выполняется функция:
function hideSearchButton () {
document.getElementById('rss').height=78;
document.getElementById('rss').src=img['rss'];
document.getElementById('searchButton').style.display='none';
}
Вся
проблема в том, что если попытаться нажать на кнопку searchbutton она скрывается. Возможно ли сделать событие по потере фокуса со всей формы или как-то по другому решить проблему.