Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

cgrunenberg

em Javascript

Por , em Javascript

Recommended Posts

cgrunenberg    0

cgrunenberg
Postado

ok! Valeu!!

 

Será que você poderia me ajudar mais um pouquinho?? Peguei esse código para um Menu Drp Down aqui no fórum e acho que não está funcionando legal. Consigo ver os 03 itens do Menu (Menu 1 / Menu 2 e Menu 3) mas não aparece o submenu quando clico, se não entendi errado deveria aparecer. Entendi certo? Por que será que não aparece?

 

Valeu!!!

 

1) Criei um arquivo: "findDOM.js" (sem aspas, é claro) com o código:

 

<body>var isDHTM = 0;var isID = 0;var isAll = 0;var isLayers = 0;if (document.getElementById) {isID = 1; isDHTML = 1;}else {	if (document.all) {isAll = 1; isDHTML = 1;}	else {		browserVersion = parseInt(navigator.appVersion);		if ((navigator.appName.indexOf('Netscape') != -1) && (browserVersion == 4)) {isLayers = 1; isDHTML = 1;}	}}	function findDOM(objectID,withStyle) {		if (withStyle == 1) {			if (isID) { return (document.getElementById(objectID).style); }			else {				if (isAll) { return (document.all[objectID].style); }				else {					if (isLayers) { return (document.layers[objectID]); }				};}		}		else {			if (isID) {return (document.getElementById(objectID)); }			else {				if (isAll) { return (document.all[objectID]); }				else {					if (isLayers) { return (document.layers[objectID]); }				};}		}<body>
2) Criei um arquivo "index.htm" - com o código:

 

<script src="findDOM.js"></script><script>// JavaScript Documentvar menuTop = 45;  //Posição Superiorvar menuLeft = 400; // Margem Esquerdavar domSMenu = null;var oldDomSMenu = null;var t = 0; // Verifica se o Menu está Para ser fechadovar lDelay = 3; //Tempo que o menu deve ficar aberto antes de fecharvar lCount = 0; // Contagem de tempo do menu aberto ... lCounter = lDelay o menu fechavar pause = 100;function popMenu (menuNum) {	if (isDHTML) {		t = 2;		if (oldDomSMenu) {			oldDomSMenu.visibility = 'hidden';			oldDomSMenu.zIndex = '0';			t = 2;			lCount = 0;		}		var idMenu 'menuHead';		var domMenu = findDOM(idMenu,0);		var idMenuOpt = 'menuHead' + menuNum;		var domMenuOpt = findDOM(idMenuOpt,0);				var idSMenu = 'menu' + menuNum;		var domSMenu = findDOM (idSMenu,1);		if (isID || isAll) {			var menuLeft =	(domMenu.offsetLeft) +	(domMenuOpt.offsetLeft) + 5;			var menuTop = (domMenu.offsetTop) + (domMenu.offsetHeight) + 5;		}		if (isLayers) {			var menuLeft = document.layers[idMenu].layers[idMenuOpt].pageX - 5;			var menuTop = domMenu.pageY + domMenu.clip.height - 5;		}		if (oldDomSMenu != domSMenu) {			domSMenu.left = menuLeft;			domSMenu.top = menuTop;			domSMenu.visibility = 'visible';		domSMenu.zIndex = '100';			oldDomSMenu = domSMenu;		}		else { oldDomSMenu = null; }	}	else { return null; }}function delayHide() {	if ((oldDomSMenu) && (t == 0)) {		oldDomSMenu.visibility = 'hidden';		oldDomSMenu.zIndex = '0';		oldDomSMenu = null;		lCount = 0;		return false;		}		if (t == 2) { lCount = 0; return false; }		if (t == 1) {			lCount = lCount + 1;			if (lDelay <= lCount) { t = 0; }			if (lDelay >= lCount) { setTimeout('delayHide(' + t + ')',pause); }		}}</script><title>Menu DropDown</title></head>		<body><style>body { color: white; background-color: #333; }#content { margin-top: 35px; }/* Menu */.menuStyle { color: #000000; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background-color: #ccc; padding: 5px; width: 100%; border: solid 1px black; }#menuHead { background-color: #ccc; position: absolute; z-index: 50; top: 0px; left: 0px; }#menuHead1, #menuHead2, #menuHead3 { position: relative; }#menu1, #menu2, #menu3 { position: absolute; z-index: 100; visibility: hidden; width: 150px; }a.menulink:link { font-weight: bold; text-decoration: none; }a.menulink:visited { font-weight: bold; text-decoration: none; }a:menulink:active { color: #666; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: underline; }a.menulink:hover { color: #900; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; cursor: ne-resize; }</style>	<div id="menuHead" class="menuStyle">	<b>	<a id="menuHead1" class="menuLink" href="#" onMouseOut="t = 1; delayHide()" onMouseOver="popMenu(1)">Menu 1</a>	<a id="menuHead2" class="menulink" href="#" onMouseOut="t = 1; delayHide()" onMouseOver="popMenu(2)">Menu 2</a>	<a id="menuHead3" class="menulink" href="#" onMouseOut="t = 1; delayHide()" onMouseOver="popMenu(3)">Menu 3</a>	</b>	</div>	<div id="menu1" class="menuStyle">		<b>		<a class="menulink" onMouseOut="t = 1; delayHide()" onMouseOver="t = 2;" onClick="t = 0; delayHide();" href="#">Option 1.1</a><br>		<a class="menulink" onMouseOut="t = 1; delayHide()" onMouseOver="t = 2;" onClick="t = 0; delayHide();" href="#">Option 1.2</a><br>		<a class="menulink" onMouseOut="t = 1; delayHide()" onMouseOver="t = 2;" onClick="t = 0; delayHide();" href="#">Option 1.3</a><br>		</b>		</div>		<div id="menu2" class="menuStyle">		<b>		<a class="menulink" onMouseOut="t = 1; delayHide()" onMouseOver="t = 2;" onClick="t = 0; delayHide();" href="#">Option 2.1</a><br>		<a class="menulink" onMouseOut="t = 1; delayHide()" onMouseOver="t = 2;" onClick="t = 0; delayHide();" href="#">Option 2.2</a><br>		<a class="menulink" onMouseOut="t = 1; delayHide()" onMouseOver="t = 2;" onClick="t = 0; delayHide();" href="#">Option 2.3</a><br>		<a class="menulink" onMouseOut="t = 1; delayHide()" onMouseOver="t = 2;" onClick="t = 0; delayHide();" href="#">Option 2.4</a><br>		</b>		</div>		<div id="menu3" class="menuStyle">		<b>		<a class="menulink" onMouseOut="t = 1; delayHide()" onMouseOver="t = 2;" onClick="t = 0; delayHide();" href="#">Option 3.1</a><br>		<a class="menulink" onMouseOut="t = 1; delayHide()" onMouseOver="t = 2;" onClick="t = 0; delayHide();" href="#">Option 3.2</a><br>		<a class="menulink" onMouseOut="t = 1; delayHide()" onMouseOver="t = 2;" onClick="t = 0; delayHide();" href="#">Option 3.3</a><br>		<a class="menulink" onMouseOut="t = 1; delayHide()" onMouseOver="t = 2;" onClick="t = 0; delayHide();" href="#">Option 3.4</a><br>		</b>		</div>		<div id="content">		<p>Teste do Menu</p>		</div></body>

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito