Я в этом полный ноль, такчто хочу чтобы вы помагли. Как сделать, чтобы при нажатии на кнопку onClick под этой кнопкой открывались еще одни кнопки но без всякин hleft hright а прямо в <div></div> под кнопкой?
Можно сделать невидимый div. Код (Text): <a href="#" onClick="document.getElementById ('dddiiivvv').style.display = 'block'">Click here</a> <div id="dddiiivvv" style="display: none"> I was invisible! </div>
ondbClick="document.getElementById ('dddiiivvv').style.display = 'none'" получилось но тогда надо 2 раза кликать чтобы закрыть а мне так ненадо надо чтобы также само при одном клике задавалось display: none
Точно так же: Код (Text): <a href="#" onClick="document.getElementById ('dddiiivvv').style.display = 'block'">Click here</a> <div id="dddiiivvv" onMouseOut="this.style.display = 'none'" style="display: none"> I was invisible! </div>
Нужно повесить это событие на разные ссылки, а то хочешь выполнить клик и дблклик одновременно. А если хочешь на одну ссылку повесить, то проверяй какой стиль у div и ставь противоположный.
Код (Text): <a href='javascript:showItem("xxxxxx")' onmouseover='getElementById('item_xxxxxx').style.display=""' onmouseout='getElementById('item_xxxxxx').style.display="none"'>item_xxxxxx</a> <div id="item_xxxxxx" style='display:none'> Сожержание контейнера </div>
Горбунов Олег все помог спасибо. Нащет mouseout муза непоехала я просто пример привел, какуюбы функцию можнобыло поставить аналогичьно mouseout чтобы при отпуске миши все возвращялось.
Код (Text): <script> var myMenu; window.onload = function () { myMenu = document.getElementById ("myMenuID"); } function showMeMenu () { if (myMenu.style.display == "none") { myMenu.style.display = "block"; } else { myMenu.style.display = "none"; } } </script> <a href="#" onclick="showMeMenu()">Открыть/закрыть</a> <div id="myMenuID" style="display: none"> Hehe, WORKS! </div> Хм... я где-то слышал, что ссылки типа "javascript: ..." - зло.
А вот еще какой раздилительный знак у Явы, если я хочу сделать в одной функции onclick="document.getElementById ('navig_1').style.display = 'block'" и тудаже this.style.bgColor='#F2F2F2'?
Vitas супер! Спасибо, но теперь другая проблема у меня, у меня в: <div id="myMenuID" style="display: none"> Hehe, WORKS! </div> Есть еще один див: <div style="border-bottom:dashed; border-color:#000000; border-width:1px; height:20px" onmouseover="this.className='navig_over'" onmouseout="this.className=''"><a href="index.php?page=gallery">Галерея</a> </div> И их в нутри дива который открывается и закрывается немало, поэтому когда открываю меню этот и все спрятаное показывается, то показывается поверх текста находящегося снизу. Как слои настроить или ксс?
CSS: Код (Text): <div style="position: absolute; left: <отступ слева>; top: <отступ сверху>"> Отступ от края страницы. Только не уверен, что это хороший вариант.
нето, у меня страница всегда в центре, тоесть если у когото разрешение 2000 с копейками то и страница в центр уходит и естественно позиция остается на месте. просто открытый див все поверх нижнего открывает. Вот картинка:
Тогда делай так, как тутова. Код (Text): <div style="position: absolute; left: 100px; top: 100px"> Absolute. <div style="position: relative; left: 100px; top: 100px"> Relative; </div> </div>