| |
|
|
| | Доброе время суток. Прошу не пинать сильно за ламерские вопросы - в технологиях JavaScript сейчас двоечник :).
Есть раскрывающееся меню:
<html>
<head>
</head>
<script language=JavaScript>
function clickHandler()
{
var targetId, srcElement, targetElement;
srcElement = window.event.srcElement;
if (srcElement.className == "Outline")
{
targetId = srcElement.id + "details";
targetElement = document.all(targetId);
if (targetElement.style.display == "none")
{
targetElement.style.display = "";
}
else
{
targetElement.style.display = "none";
}
}
}
document.onclick = clickHandler;
</script>
<script language="JavaScript" src="/inc/secret.js"></script>
<script language="JavaScript" src="/inc/pix.js"></script>
<body >
<span id=Out9 class=Outline style="cursor: hand; text-decoration:none; font-size:11px; font-style:normal; padding:3px;">Меню 1</span><br>
<div id=Out9details style="display:None; position:relative; left:12;">
<a href="prof2.html" >Подменю 1</a><br>
<a href="prof1.html" >Подменю 2</a><br>
<span id=Out10 class=Outline style="cursor:hand; text-decoration:none; font-size:10px; font-style:normal; padding:3px;">Раскрывающееся подменю 3</span><br>
<div id=Out10details style="display:None; position:relative; width:140px; left:12;">
<a href="prof3.html#krug" >Подподменю 1</a><br>
<a href="prof3.html#kvadrat" >Подподменю 2</a><br>
</div>
<span id=Out11 class=Outline style="cursor:hand; text-decoration:none; font-size:10px; font-style:normal; padding:3px;">Раскрывающееся подменю 4</span><br>
<div id=Out11details style="display:None; position:relative; width:140px; left:12;">
<a href="prof4.html#krug" >Подподменю 1</a><br>
<a href="prof4.html#kvadrat" >Подподменю 2</a><br>
</div>
<a href="prof6.html" >Подменю 5</a><br>
<a href="prof7.html" >Подменю 6</a>
</div>
</body>
</html>
|
Это только часть меню, но отсюда уже видно что оно многоуровневой вложенности, и состоит с многих пунктов меню. Проблема в Firefox (у меня 3-я версия) - не раскрывается.
Очень прошу помощи. Спасибо. | |
| |
|
|
| |
|
|
| |
для: klever
(06.04.2009 в 04:09)
| | | Скрипт ваш написан ТОЛЬКО и ИСКЛЮЧИТЕЛЬНО для браузера MSIE - только
он ОДНОВРЕМЕННО поддерживает свойство srcElement, коллекцию document.all и
значение hand для свойства cursor.
Браузер Opera коллекцию document.all кое-как поддерживает, но не понимает
свойства srcElement и hand для курсора.
Ну а для FireFox все три эти понятия неведомы.
Держите кроссбраузерный вариант вашей функции:
<script>
function clickHandler (e)
{
var evt = window.event || e, obj = evt.target || evt.srcElement;
if (obj.className == 'Outline')
with (document.getElementById (obj.id + 'details').style) display = (display == 'none') ? '' : 'none';
}
document.onclick = clickHandler;
</script>
|
И замените везде cursor: hand на cursor: pointer | |
| |
|
|
| |
|
|
| |
для: PAT
(06.04.2009 в 04:54)
| | | Не предела моей радости и благодарности Вам за оказанную бооооллььшшууууююю помощь. Все отлично работает под три браузера. Советую для новичков в JavaScript (таких как я) сохранить текст данного скрипта и использовать в дальнейшем при необходимости создании раскрывающего меню.
Еще раз огромное спасибо Вам, уважаемый PAT | |
| |
|
|
