Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Исчезновение Меню / 5 сообщений из 5, страница 1 из 1
27.11.2008, 19:16
    #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
| Ответить | Цитировать | Написать  
27.11.2008, 19:37
    #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
| Ответить | Цитировать | Написать  
27.11.2008, 19:52
    #35680430
Дмитрий Леванов
Дмитрий Леванов
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Исчезновение Меню
Проблема в том, что нужно чтоб панель исчезала при клике на

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

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

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

но и при клике куда нибудь в другое место. На подобие как это сделано в Гугл(сверху кнопка Еще )
Я вас не понял, что имено в моем варианте вам не нравиться? МОжете по пунктам разложить?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
27.11.2008, 20:24
    #35680480
mrJust
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
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Исчезновение Меню / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 435ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1455512]:
 0ms
get settings:
 9ms
get forum list:
 19ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 143ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 43ms
get tp. blocked users:
 2ms
others: 197ms
total:  435ms
x
x
Закрыть


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