[Resolvido] Como abrir o link e expandir o submenu ao mesmo tempo

[Fernanda Prado 0]

Estou há dias tentando resolver este problema e não consigo! :angry: http://forum.imasters.com.br/public/style_emoticons/default/pinch.gif http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

 

 

 

java script:

<script type="text/javascript">
	window.onload = function() {
		document.getElementById('a').style.display = "none";
		document.getElementById('b').style.display = "none";
		document.getElementById('c').style.display = "none";
		document.getElementById('190').style.display = "none";
		document.getElementById('1257').style.display = "none";
	}
	
	function show(id){
		var campo = document.getElementById(id);
		if ( campo.style.display == "none" ) {
			campo.style.display = "block";
		} else {
			campo.style.display = "none";
		}
	}
	function alterar(){
		var objTexto = document.getElementById("geraid");
			objCaller = "1257"
			objTexto.innerHTML = "<a href='http://www.playarte.com.br/Filme/Default.asp?id="+objCaller+"' target='_blank'>"+objCaller.value+"</a>";
	}
</script>

HTML:

<ul>
	<li><a href="#" onClick="show('a'); return false;">Menu</a></li>
	
	<li id='a'>
		<ul><a href="java script: ">
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
		</a></ul>
	</li>

	<li><a href="#" onClick=" show('b'); return false;">Menu</a></li>
	<li id='b'>
		<ul><a href="java script: ">
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
			
			
			
			
			
<li><a href="#" onClick=" show('190'); return false;">Menu2</a></li>
	<li id='190'>
		<ul><a href="java script: ">
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
		</a></ul>
	</li>
			
			

			
		</a></ul>
	</li>
	<li><a href="#" onClick="show('c'); return false;">Menu</a></li>
	<li id='c'>
		<ul><a href="java script: ">
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
		</a></ul>
	</li>
</ul>


<li id="geraid"><a onClick="show('1257');alterar();" href="#">abrir</a></li>
	<li id='1257'>
		<ul><a href="java script: ">
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
		</a></ul>
	</li>

 

Aqui acontece o seguinte:

1 - O meu problema está no menu "abrir".

Ele abre... expande o submenu, certo. Porém tenho que clicar uma segunda vez para que abra o link destino. :/

Quero que abra tanto o submenu quanto o link destino ao mesmo tempo (sem ter que clicar uma segunda vez). E que ao clicar no "abrir" pela segunda vez ele recolha o submenu e não re-abra o link destino.

 

2 - Gostaria de definir o id fora do JavaScript... tem como defini-lo na parte do html?

[webmind 5]

bem qunato a sua questao eu nao percebo mto bem qual e a logica de abrir um submenu e seguir um link ao mesmo tempo mas....

 

e so fazer o seguinte

 

<ul>
<li id="geraid"><a onClick="show('1257')" href="http://www.google.pt" target="_blank">abrir</a></li>
		<ul id="1257">
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
	   </ul>
</ul>

Modificacoes: aquele li nao era preciso o id passou para o ul, o alterar tambem nao, ao clicar no link segue o link google.pt numa nova janela e abre o sub na mesma

[Jonathan Queiroz 1]

Olhe seu código:

<a href="#" onClick="show('a'); return false;">

Remova o "return false"

O correto seria:

<a href="#" onClick="show('a');">

[Fernanda Prado 0]

Realmente Jonathan, esse "return false" é insignificante nesse caso.

Vlw! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Olhe seu código:

<a href="#" onClick="show('a'); return false;">

Remova o "return false"

O correto seria:

<a href="#" onClick="show('a');">

[Fernanda Prado 0]

Obrigada, Webmind!

 

É isso mesmo... e também deu certo assim:

 

java script:

function abrirUrl(pagina){
		window.open(pagina,"frame");
	}

e o link do HTML eu substitui por:

 

<a onClick="show('1257');abrirUrl('http://www.google.com.br')" href="#">abrir</a>

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Funcionou. =D

 

 

bem qunato a sua questao eu nao percebo mto bem qual e a logica de abrir um submenu e seguir um link ao mesmo tempo mas....

 

e so fazer o seguinte

 

<ul>
<li id="geraid"><a onClick="show('1257')" href="http://www.google.pt" target="_blank">abrir</a></li>
		<ul id="1257">
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
			<li><a href="#">Sub Menu</a></li>
	   </ul>
</ul>

Modificacoes: aquele li nao era preciso o id passou para o ul, o alterar tambem nao, ao clicar no link segue o link google.pt numa nova janela e abre o sub na mesma