powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Исчезновение Меню
5 сообщений из 5, страница 1 из 1
Исчезновение Меню
    #35680361
Добрый вечер!

Сделал меню которое появляется при клике, как сделать чтоб исчезала не знаю????

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

   
    <style type="text/css">
     .menu
{
    height: 40px;
    background-color: #FF99CC;
}

.alert
{
    border-width: 1px;
    border-color: #3366FF #0040FD #0040FD #3366FF;
    display: block;
    width: 80px;
    background-color: #FFFFFF;
    position: absolute;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
}
.q1
{
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    text-decoration: none;
}
.q1:hover

{
    background:#36c;
    color:#fff 
    
    }   
        
        
        
   #alert{
visibility:hidden;
}
</style>
    
    
    
    <script language="javascript">


function  norules()
   {
 
  document.getElementById('alert').style.visibility = 'visible';
 
   document.getElementById('alert').className = 'alert';
}


</script> 

</head>
<body>
    <form id="form1" runat="server">
       <div class="menu">
        <asp:HyperLink ID="HyperLink1"   onmousedown="norules()"  runat="server">HyperLink</asp:HyperLink>
   <div      id="alert">
 
   <a href="aa.aspx" class="q1"  >Главная</a>
    <a href="bbbbb.aspx" class="q1"  >Не главная</a>
   <a href="cccccc.aspx" class="q1"  >На выход</a>
       <a href="11111.aspx" class="q1" >Сюда</a>
       
   </div>
   
    </div>

 Какойто текст.......
    </form>
</body>
</html>
...
Рейтинг: 0 / 0
Исчезновение Меню
    #35680393
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
function  norules()
   {
var al=document.getElementById('alert');
if(al.style.visibility='hidden'){
 
  al.style.visibility = 'visible';
   document.getElementById('alert').className = 'alert'; 
}else{
  al.style.visibility = 'hidden';
   document.getElementById('alert').className = 'alert'; 

}

}
...
Рейтинг: 0 / 0
Исчезновение Меню
    #35680430
Проблема в том, что нужно чтоб панель исчезала при клике на

<asp:HyperLink ID="HyperLink1" onclick="norules()" runat="server">HyperLink</asp:HyperLink>

но и при клике куда нибудь в другое место. На подобие как это сделано в Гугл(сверху кнопка Еще )
...
Рейтинг: 0 / 0
Исчезновение Меню
    #35680479
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий ЛевановПроблема в том, что нужно чтоб панель исчезала при клике на

<asp:HyperLink ID="HyperLink1" onclick="norules()" runat="server">HyperLink</asp:HyperLink>

но и при клике куда нибудь в другое место. На подобие как это сделано в Гугл(сверху кнопка Еще )
Я вас не понял, что имено в моем варианте вам не нравиться? МОжете по пунктам разложить?
...
Рейтинг: 0 / 0
Исчезновение Меню
    #35680480
mrJust
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
тогда добавьте обработчик ко всей странице:
Код: plaintext
<body onclick="norules()"> ... </body>
или так:
Код: plaintext
<body onload="function(){this.onclick=norules;}"> ... </body>

Второй вариант предпочтительней, т.к. обрабатываться будет после загрузки документа, хотя можно и первый вариант заюзать, но тогда проверку добавить в norules...
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
function  norules()
{
  var al=document.getElementById('alert');
  if (!al) return;
.
.
.
}
...
Рейтинг: 0 / 0
5 сообщений из 5, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Исчезновение Меню
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]