Помогите немного с кодом

Помогите немного с кодом Оценка:

#1 Dnny

Создатель миров

Отправлено 02 Декабрь 2011 - 19:55

Имеется вот такой вот код на странице:

<li><img class="aclink" src="{THEME}/images/spacer.gif" alt="" /><a  href="javascript:ShowOrHide('menu1');">Менюшечка</a></li>
    <div id="menu1" style="display:none;">
  <ul>
  <li><a  href="/#">Подменюшечка 1</a></li>
  <li><a  href="/#">Подменюшечка 2</a></li>
  <li><a  href="/#">Подменюшечка 3</a></li> 
  </ul></div>

в таком виде все работает, но мне надо сделать чтоб при нажатии на "Менюшечка", по мимо того что открывается вертикальное меню, открывалась бы и страница. Для этого я сделал так:

<li><img class="aclink" src="{THEME}/images/spacer.gif" alt="" /><a  href="stranica.html" onclick="ShowOrHide('menu1');">Менюшечка</a></li>
    <div id="menu1" style="display:none;">
  <ul>
  <li><a  href="/#">Подменюшечка 1</a></li>
  <li><a  href="/#">Подменюшечка 2</a></li>
  <li><a  href="/#">Подменюшечка 3</a></li> 
  </ul></div>

При этом страница открывается, а вот менюшка не хочет открываться, она только мигает при клике.
Попробовал задать параметры ShowOrHide

<script type="text/javascript">
  function ShowOrHide(id_name)
  {
    var view = document.getElementById(id_name).style.display;
    if(view=='none')   document.getElementById(id_name).style.display = 'block';
    else   document.getElementById(id_name).style.display = 'none';
  }
</script>

При этом осталось также как и было, но теперь менюшка раскрывается полностью и сразу закрывается. Как сделать правильно?

Наверх of the page up there ^

#2 Goofy

Member

Отправлено 02 Декабрь 2011 - 23:48

А как это, чтобы и открвть и показать ещё меню)
Можно, чтобы меню было открыто и ещё нажать можно.
Вот чего я когда-то делал.

<html>
<head>
	<title>Pulldown Menu</title>
</head>

<script language=javascript src="js/pulldown_menu.js"></script>

<link rel="stylesheet" type="text/css" href="css/pulldown_menu.css">

<body onLoad="init()" style="background-color: #C0C0C0">

	<div class="auto-style1">Менюшечка</div>
	<hr />
	
	    <div id="Button" onMouseOver="showLayer('Menushechka');" onMouseOut="hideLayer('Menushechka');">
	        <a href="stranica.html"><strong>Менюшечка</strong></a>
	    </div>
	
	    <div id="Menushechka" onMouseOut="hideLayer('Menushechka');">
	    
		    <table width="138" border="0" bgcolor="#999999" onMouseOver="showLayer('Menushechka');">
		        <tr>
		            <td>
			            <font face=arial size=-2><br><br />
				            <a href="stuff/history.html" target="C">Подменюшечка 1</a><br>
				            <a href="stuff/history.html" target="C">Подменюшечка 1</a><br>
				            <a href="stuff/history.html" target="C">Подменюшечка 1</a><br>
			            </font>   
		            </td>
		        </tr>
		    </table>
	    
	    </div>	    
	
</body>
</html>

"css/pulldown_menu.css"

.auto-style1 {
	text-align: center;
	font-family: "Times New Roman";
	font-size: xx-large;
	font-weight:bold;
}

#Button 		{position: absolute; z-index: 80; left: 60px; top: 96px;}
#Menushechka 	{position: absolute; z-index: 50; visibility: hidden; left: 40; top: 96px;}

"js/pulldown_menu.js"

<!--
  //global variables
  var visibleVar="null";
  var layerRef="null",styleSwitch="null",visibleVar="null";
  function init()
  {
    layerRef="document.all";
    styleSwitch=".style";
    visibleVar="visible";
  }
  function showHideLayerSwitch(layerName)
  {
    if (eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility == visibleVar'))
      hideLayer(layerName);
    else
      showLayer(layerName);
  }

  function showLayer(layerName)
  {
    eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"'
);
  }
  function hideLayer(layerName)
  {
    eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');

  }
//-->

Прикрепленные файлы

Untitled156465.jpg (62,56К)
Количество загрузок:: 0

Я В Контакте

Наверх of the page up there ^

#3 Dnny

Создатель миров

Отправлено 03 Декабрь 2011 - 00:07

ну поясню. меню вертикальное. при нажатии на меню открывается страница и разворачивается меню вниз. а при твоем варианте получается что при наведении курсора на меню оно разворачивается. но тогда менюшка не будет проиндексирована.