|
помогите! меню на jave..
Есть вот такой код:
Код:
<DIV class="close" onClick="this.className='open';" onDblClick="this.className = 'close';">Код:
.close {width: 130px; height: 14px; overflow: hidden;}Вопрос: Как сделать так, чтоб при повторном нажатии он исчезал (вместо двойного) Заранее спасибо. |
this.className = (this.className == 'open')?'close':'open'
|
все гениальное просто!!
Спасибо большое!!!! :yees: добавлено через 19 минут ой... тут такое дело.... а при нажатии на какой-нибудь "пункт меню" - раздел сворачивается.. нельзя как-нибудь сделать так, чтоб он сворачивался/разворачивался только при нажатии на "раздел" и еще, если таких разделов несколько то как реализовать, чтоб при развернутом 1м разделе мы нажимаем на раздел 2 - и 2й раздел разворачивается, а первый сворачивается.. я в java скрипте не силен... так что сильно не пинайте.. )) заранее спасибо! |
<html>
<style type="text/css"> .list {width: 130px; height: 14px;} .close {width: 130px; height: 1px; overflow: hidden;} .open {width: 130px; height: auto; overflow: visible;} </style> <script language="JavaScript"> function ListOnClick() { var d = document.getElementById("List01"); d.className = (d.className == 'open')?'close':'open'; } </script> <body> <DIV class="list" onClick="ListOnClick()"> <span class="menu_main">Раздел</span><br> </DIV> <DIV id="List01" class="close"> <a class="menu" href="#">1й пункт</a><br> <a class="menu" href="#">2й пункт</a><br> <a class="menu" href="#">3й пункт</a> </DIV> </body> </html> |
Спасибо!
А мне теперь для каждого раздела придется свою функцию прописать? И как при разворачивании одного раздела заставить остальные свернуться? :idontnow: |
Цитата:
<style type="text/css"> .list {width: 130px; height: 14px;} .close {width: 130px; height: 1px; overflow: hidden;} .open {width: 130px; height: auto; overflow: visible;} </style> <script language="JavaScript"> var Lists = new Array; Lists[0] = "List01"; Lists[1] = "List02"; Lists[2] = "List03"; function ListOnClick(ListID) { var d = document.getElementById(ListID); d.className = (d.className == "open")?"close":"open"; for(i = 0; i < Lists.length; i++){ d1 = document.getElementById(Lists[i]); if(d1.id != d.id) d1.className = "close"; } } </script> <body> <DIV class="list" onClick="ListOnClick('List01')"> <span class="menu_main">Раздел 1</span><br> </DIV> <DIV id="List01" class="close"> <a class="menu" href="#">1й пункт раздела 1</a><br> <a class="menu" href="#">2й пункт раздела 1</a><br> <a class="menu" href="#">3й пункт раздела 1</a> </DIV> <DIV class="list" onClick="ListOnClick('List02')"> <span class="menu_main">Раздел 2</span><br> </DIV> <DIV id="List02" class="close"> <a class="menu" href="#">1й пункт раздела 2</a><br> <a class="menu" href="#">2й пункт раздела 2</a><br> <a class="menu" href="#">3й пункт раздела 2</a> </DIV> <DIV class="list" onClick="ListOnClick('List03')"> <span class="menu_main">Раздел 3</span><br> </DIV> <DIV id="List03" class="close"> <a class="menu" href="#">1й пункт раздела 3</a><br> <a class="menu" href="#">2й пункт раздела 3</a><br> <a class="menu" href="#">3й пункт раздела 3</a> </DIV> </body> </html> |
Огромное спасибо!
Вот это то что надо!! :claps: добавлено через 3 минуты прочитал код - все понятно... эх, надо javascript учить... :yees: |
Учи лучше С++. Потом ни с Java ни с PHP проблем не будет.;)
|
Между C++, Java и PHP огромная пропасть. Учить лучше то, на чём потом придётся писать. Куча мнений по этому поводу есть здесь: http://www.imho.ws/showthread.php?t=37035
|
А я и не говорю что это одно и тоже. Просто если владеешь C++ выучить Java или PHP будет значительно проще.
|
Причем здесь си? Просто потому что он тебе нравится?...
|
Я имел в виду схожесть синтаксисов всех трех языков. И более ни чего.
|
А как сделать так чтоб выпадала в табличном дизайне
Код HTML:
<table>:молись:помогите новчику |
h0ttab, да где же Вы читали про HTML, чтобы у таблицы были внутри div-элементы???
Ну а в остальном также сделать как и в примере выше. Код HTML:
<html> |
P.S. javaScript!!! a ne java...
|
| Часовой пояс GMT +4, время: 00:02. |
Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.