Раскрытие кнопки поиска на JavaScript

**Morgan** · 27.09.2014 21:19

Замените id на класс, в коде и в js

**Raven** · 28.09.2014 23:34

Morgan, Сдела так:

Код HTML:

<!doctype html> <html> <head> <META content="text/html; charset=windows-1251" http-equiv="Content-Type"> <script type="text/javascript" src="jquery-1.11.1.min.js"></script> <title>Форма поиска</title> <script>

$(function() {
    $('#search-field-js').focus(function(){
        $('.search-btn-js').show();
    });
     
    $('#search-field-js').blur(function(){
        if($(this).val() == '')
            $('.search-btn-js').hide();
    });
});
</script> </head> <body> <form name="web" method="get" action="search.php"> <div class="search"> <input type=text id="search-field-js" name="text" size=18 value="" maxlength=80> <input type=submit name="knopka1" value="Яндекс" style="display:none" class="search-btn-js"> <input type=submit name="knopka2" value="Google" style="display:none" class="search-btn-js"> <input type=submit name="knopka3" value="Mail" style="display:none" class="search-btn-js"> <input type=submit name="knopka4" value="Bing" style="display:none" class="search-btn-js"> <input type=submit name="knopka5" value="Wiki" style="display:none" class="search-btn-js"> <input type=submit name="knopka6" value="DuckGo" style="display:none" class="search-btn-js"> </div> </form> </body> </html>

Все заработало. Но php не срабатывает... Кнопки пропадают. Как это можно пофиксить?

**Morgan** · 28.09.2014 23:58

Можно решить без php, на js
Пример для гугла

Код HTML:

$(function() {
    $('#search-field-js').focus(function(){
        $('.search-btn-js').show();
    });
     
    $('#search-field-js').blur(function(){
        if($(this).val() == '')
            $('.search-btn-js').hide();
    });
    $('.search-btn-js').click(function(){
        var request = $('#search-field-js').val();
        window.location = 'http://www.google.ru/search?q=' + request;
        
    });
});

Расставить дополнительные разные классы для кнопок или обращаться по name.
Также убрать form, чтобы форма не срабатывала

	28.09.2014 23:34 #12
Raven Новичок Регистрация: 16.04.2011 Сообщений: 25 Репутация: 12	Morgan, Сдела так: Код HTML: <!doctype html> <html> <head> <META content="text/html; charset=windows-1251" http-equiv="Content-Type"> <script type="text/javascript" src="jquery-1.11.1.min.js"></script> <title>Форма поиска</title> <script> $(function() { $('#search-field-js').focus(function(){ $('.search-btn-js').show(); }); $('#search-field-js').blur(function(){ if($(this).val() == '') $('.search-btn-js').hide(); }); }); </script> </head> <body> <form name="web" method="get" action="search.php"> <div class="search"> <input type=text id="search-field-js" name="text" size=18 value="" maxlength=80> <input type=submit name="knopka1" value="Яндекс" style="display:none" class="search-btn-js"> <input type=submit name="knopka2" value="Google" style="display:none" class="search-btn-js"> <input type=submit name="knopka3" value="Mail" style="display:none" class="search-btn-js"> <input type=submit name="knopka4" value="Bing" style="display:none" class="search-btn-js"> <input type=submit name="knopka5" value="Wiki" style="display:none" class="search-btn-js"> <input type=submit name="knopka6" value="DuckGo" style="display:none" class="search-btn-js"> </div> </form> </body> </html> Все заработало. Но php не срабатывает... Кнопки пропадают. Как это можно пофиксить?
0 Raven

	28.09.2014 23:58 #13
Morgan Новичок Регистрация: 09.06.2013 Сообщений: 29 Репутация: 10 Webmoney BL: ?	Можно решить без php, на js Пример для гугла Код HTML: $(function() { $('#search-field-js').focus(function(){ $('.search-btn-js').show(); }); $('#search-field-js').blur(function(){ if($(this).val() == '') $('.search-btn-js').hide(); }); $('.search-btn-js').click(function(){ var request = $('#search-field-js').val(); window.location = 'http://www.google.ru/search?q=' + request; }); }); Расставить дополнительные разные классы для кнопок или обращаться по name. Также убрать form, чтобы форма не срабатывала
0 Morgan

Темы	Раздел	Ответов	Последний пост
Чем отличается плагин в фейсбуке кнопки лайк от кнопки подписаться?	Социальные сети	2	12.11.2012 14:58
FancyBox и JavaScript	Web программирование	1	28.05.2012 19:55
Кто владеет javascript ом?	Web программирование	24	09.01.2012 16:34
Анимированные кнопки без JavaScript	Дайджест блогосферы	0	04.04.2011 16:43
Javascript для поиска nofollow ссылок	Софт, скрипты, сервисы	22	07.09.2009 14:05

Раскрытие кнопки поиска на JavaScript

Опции темы

Спасибо сказали:

Тэги топика:

Похожие темы

Чем отличается плагин в фейсбуке кнопки лайк от кнопки подписаться?

FancyBox и JavaScript

Кто владеет javascript ом?

Анимированные кнопки без JavaScript

Javascript для поиска nofollow ссылок

Тем:

Сообщений:

Пользователей:

Сейчас на сайте:

Вход

Сайт

Разделы

Прочее

Следите за нами

Витрина ссылок

У нас проходит

У кого попросить инвайт?

Золотые темы форума

Последние новости

Популярные темы

Информеры