Обнаружен отключенный JavaScript

Вы в настоящее время у вас деактивирован JavaScript. Некоторые функции системы работать не будут. Пожалуйста, активируйте JavaScript для использования всех возможностей системы.

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

Автор темы: Dnny, Дек 02 2011 20:55

Пожалуйста, авторизуйтесь, чтобы ответить

2 ответов в этой теме

#1 Dnny

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

True Members
3 385 сообщений

8
Обычный

Пол:Мужчина
Город:Казакова 32/191
Интересы:Создание и сопровождение параллельных миров.

Опубликовано 02 Декабрь 2011 - 20: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>

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

0

Моб: +7911-849-10-39 | Домашний: 8(812)743-47-22 | Блог: D'nnyRU | Skype: DnnyRU | ICQ: 960750

Наверх

#2 Goofy

Member

True Members
2 365 сообщений

-10
Обычный

Пол:Мужчина
Город:Len.p-t.96.3.

Опубликовано 03 Декабрь 2011 - 00: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 Скачано

0

Я В Контакте

Наверх

#3 Dnny

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

True Members
3 385 сообщений

8
Обычный

Пол:Мужчина
Город:Казакова 32/191
Интересы:Создание и сопровождение параллельных миров.

Опубликовано 03 Декабрь 2011 - 01:07

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

0

Моб: +7911-849-10-39 | Домашний: 8(812)743-47-22 | Блог: D'nnyRU | Skype: DnnyRU | ICQ: 960750

Наверх

Вернуться в Программирование

Посетителей, читающих эту тему: 1

0 пользователей, 1 гостей, 0 анонимных пользователей