Ir para conteúdo

POWERED BY:

Arquivado

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

Robson Jarmouch

Selecionar e mostrar elemento por classe.

Por , em Javascript

Recommended Posts

Robson Jarmouch    0

Robson Jarmouch
Postado

Olá rapaziada.

é a primeira vez na minha vida que eu pergunto alguma coisa em um forum.

 

Meu problema é o seguinte.

 

Eu tenho 3 elementos que quando eu vou no mousevover ele mostra uma div oculta.

Quando eu encosto no segundo elemento ele some com o primeiro e mostra outro e assim por diante.

Ficou lindo que só a gota.

 

O meu problema é que ele pra esconder os elementos eu consegui fazer por class ,mas pra mostrar os elementos ele só aceita pegar por id. Eu to precisando que ele mostre por classe de elementos.

 

aqui tá o código

 

<html>
<head><script type="text/javascript">
	function hide_all(){
		var classes = document.getElementsByClassName('btn');//pega os elementos DIV dentro de #dados
		for( var i=0; i<classes.length; i++ )
		{classes[i].style.display = 'none';}} //esconde div por div 
	function show(div_s){
		hide_all();
		id( div_s ).style.display = 'block';}
	function id( el ){return document.getElementById( el );}
	window.onload = function(){hide_all();} //começa com todas escondidas
	</script>
</head>
<body onclick="hide_all();"><span>
		<span class="btn t1" id="t1"><a href="http://digitalesfera.com.br">Texto 1</a></span>
		<span class="btn t2" id="t2">Texto 2</span>
		<span class="btn t3" id="t3">Texto 3</span></span>
	<ul><li><a href="#" onmouseover="show('t1')">Mostrar T1</a></li>
		<li><a href="#" onmouseover="show('t2')">Mostrar T2</a></li>
		<li><a href="#" onmouseover="show('t3')">Mostrar T3</a></li></ul>
</body>
</html>

Alguem ajuda eu ???

Compartilhar este post

Link para o post
Compartilhar em outros sites

PauloMarques10    0

PauloMarques10
Postado

caso for o onMouseOver,de um modo simples tu poderia criar uma function usando click() e dai onMouseOver chamaria sem qualquer erro! tu está usando style para ocultar,caso tu usa-se toggle jquery seria mais preciso e bonito!

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