Создать кнопку по клику
Здравствуйте. Имеем код формы:
<div class="header-data header-data_vremenno" >
<div id="search" class="search">
<form action="products">
<input class="input_search" id="searchForm" type="text" name="keyword" value="{$keyword}" placeholder="Поиск..." onClick="createClear" />
<input class="button_search" value="" type="submit" />
</form>
<button id="clearF" onClick="clearForm()" />
</div>
Там форма поиска, кнопка поиска, и кнопка очистки поля форма. Необходимо реализовать появление кнопки очистки формы только если человек оказывается в форме. Например, мы в этот момент растягиваем нашу форму кодом:
//поиск-меню анимация по ширине
$('.input_search').eq(0).focusin(function(){
$('.input_search').eq(0).stop().animate({width: 180}, 400);
$('.header-menu').eq(0).stop().animate({width: 740}, 400);
});
$('.input_search').eq(0).focusout(function(){
$('.input_search').eq(0).stop().animate({width: 96}, 400);
$('.header-menu').eq(0).stop().animate({width: 836}, 400);
});
Вот непосредственно в момент focusin необходимо создавать кнопку <button id="clearF" onClick="clearForm()" /> . В момент focusout - нужно чтобы она, соответственно исчезала. Прошу помощи. Спасибо. |