Ir para conteúdo

Arquivado

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

ndias

Mostrar e Esconder Div

Recommended Posts

Boa tarde!

 

Estou tentando criar um evento onmouseover para aparecer o conteúdo dentro de uma div quando passar o mouse em cima.

 

Para isso eu estou fazendo o seguinte:

 

function MostraID(v){

document.getElementById('ID_1').style.display = "none";

if(v==1){

document.getElementById('ID_1).style.display = "";
}

document.getElementById('ID_2').style.display = "none";

if(v==2){

document.getElementById('ID_2).style.display = "";
}
}

 

na div do conteúdo

 

<div id="ID_1" style="display:none">conteúdo</div>

<div id="ID_2" >conteúdo</div>

 

e chamo a função assim:

 

onmouseover="javascript:MostraID('1');"

onmouseover="javascript:MostraID('2');"

 

até aí, blz...funciona! o problema é que construo as divs através de um loop em php, e se na função javascript eu declarar elementos id que não existem, a function toda não funciona...

 

por ex:

na div conteúdo vai até o id=ID_2 e na function eu declarei também ID_3, ID_4, ID_5

 

como posso fazer uma function considerando somente o resultado do loop?

Compartilhar este post


Link para o post
Compartilhar em outros sites


 

function MostraID(id){

var els = document.getElementsByClassName("toogle_hide");

 

 

var i;

for (i = 0; i < els.length; i++) {

if( id == (i+1) ){

els.style.display = "";

}

else{

els.style.display = "none";

}

}

}

 

 

<div class"toogle_hide" id="ID_1" style="display:none">conteúdo</div>

<div class"toogle_hide" id="ID_2" >conteúdo</div>

<div class"toogle_hide" id="ID_3" >conteúdo</div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opa Macielcr7, blz? Valeu por responder!

 

E se invés do id ser um número, eu quiser usar uma string, tipo: id="UF_SP"???

Compartilhar este post


Link para o post
Compartilhar em outros sites


 

 

 

function MostraID(id){

var els = document.getElementsByClassName("toogle_hide");

 

 

var i;

for (i = 0; i < els.length; i++) {

if( id == els.id ){

els.style.display = "";

}

else{

els.style.display = "none";

}

}

}

 

 

 

 

<div class"toogle_hide" id="ID_SP" style="display:none">conteúdo</div>

<div class"toogle_hide" id="ID_S1" >conteúdo</div>

<div class"toogle_hide" id="ID_T2" >conteúdo</div>

 

 

 

 

onmouseover="javascript:MostraID('ID_SP');"

onmouseover="javascript:MostraID('ID_S1');"

onmouseover="javascript:MostraID('ID_T2');"

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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