Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Выпадающее окошко поиска
 
 автор: lelik2   (18.01.2006 в 21:02)   письмо автору
 
 

есть поиск как сделать чтобы при нажптии на кнопку (ссылку) выпадпло окошко с формой поиска?
помогите скриптом.

   
 
 автор: 12345   (18.01.2006 в 21:41)   письмо автору
 
   для: lelik2   (18.01.2006 в 21:02)
 

onclick=document.getElementById('ид_слоя_с_формой_поиска').style.display.='inline'

а вначале он скрывается стилем с display='none' .

   
 
 автор: lelik2   (18.01.2006 в 22:39)   письмо автору
 
   для: 12345   (18.01.2006 в 21:41)
 

Можно поподробнее не силен я в этом
вот нарисовал

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Выпадающее окошко поиска</title>
</head>  
<body>
<style type="text/css">
.serchmenu {
display: inline;
background-color: #E6E6E6;
display: block;
border: 1px solid #BBB;
}
#serchform{
position:absolute;
display: block;
top: 0;
border: 1px solid #BBB;
border-bottom-width: 0;
font:normal 11px ;
color:#006699;
line-height:18px;
background-color: #E6E6E6;
width: 150px;
z-index:100;
visibility: hidden;
}
</style>
<div class="serchmenu">
<a href="#" onclick="document.getElementById('serchform')">Поиск</a></div>
<div id="serchform" class="serchmenu">
<form action="plug.php?e=simplesearch&a=post&m=all" method="post">
<input size="30" name="sq" onfocus="this.value=''" value="Введите слово для поиска..." type="text">
<input class="button" src="skins/subsilver/img/system/acttop.gif" type="image">
</form>
</div>
</body>
</html>

только ни чего не выходит поправте серость

   
 
 автор: Akira   (19.01.2006 в 10:38)   письмо автору
 
   для: lelik2   (18.01.2006 в 22:39)
 

строку

<a href="#" onclick="document.getElementById('serchform')">Поиск</a></div>

заменить на

<a href="#" onclick="document.getElementById('serchform').style.display='inline'">Поиск</a></div>

и строку

<div id="serchform" class="serchmenu">

на

<div id="serchform" style="display:none;" class="serchmenu">

   
 
 автор: lelik2   (19.01.2006 в 11:46)   письмо автору
 
   для: Akira   (19.01.2006 в 10:38)
 

увы но не работает, а хотелось бы!

   
 
 автор: 12345   (19.01.2006 в 12:52)   письмо автору
 
   для: lelik2   (19.01.2006 в 11:46)
 

<html><head><title>Выпадающее окошко поиска</title>  
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> 
</head><body> 
<style> 
.serchmenu { 
    display: inline; 
    background-color: #E6E6E6; 
    border: 1px solid #BBB; 
}
#serchform{ 
    position:absolute; 
    display:none; 
    top: 16;
        left:96;
    border: 1px solid #BBB; 
    border-bottom-width: 0; 
    font:normal 11px ; 
    color:#006699; 
    line-height:18px; 
    background-color: #E6E6E6; 
    width: 150px; 
    z-index:100; 
}
</style>

<div class="serchmenu"> 
    <a href=# 
    onclick=t=document.getElementById('serchform');t.style.display=t.style.display=='inline'?'none':'inline';return!1;>Поиск</a>
</div>

<div id=serchform><form action="plug.php?e=simplesearch&a=post&m=all" method="post"> 
    <input size="30" name="sq" onfocus="this.value=''" value="Введите слово для поиска..." type="text"> 
    <input class="button" src="skins/subsilver/img/system/acttop.gif" type="image"> 
</form></div> 

</body></html>

   
 
 автор: lelik2   (19.01.2006 в 13:27)   письмо автору
 
   для: 12345   (19.01.2006 в 12:52)
 

да да оно !
Спасибо огромное

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования