Problema al ocultar multiples div

nakylara · #1 (**permalink**) 20/06/2011, 14:29

Buenos dias, mi duda es al querer ocultar/mostrar div con id variables, tengo pocos conocimientos de javascript y por lo tanto no lo consigo hacer, aqui os dejo el codigo

Código PHP:

 
<head> 
<script language="JavaScript"> 
 
function muestra_oculta(id){ 
if (document.getElementById){ //se obtiene el id 
var el = document.getElementById(id); //se define la variable "el" igual a nuestro div 
el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div 
} 
} 
window.onload = function(){/*hace que se cargue la función lo que predetermina que div estará oculto hasta llamar a la función nuevamente*/ 
muestra_oculta('contenido_a_mostrar');/* "contenido_a_mostrar" es el nombre que le dimos al DIV */ 
} 
</script> 
</head> 
<b>Votos: <span id="vota<?=$id?>"><a style="text-decoration:none;" href="javascript:muestra_oculta('contenido_a_mostrar<?=$id?>')" title=""><font color="red"><?=$total?></font></a></span></b> 
<? 
echo'<div id="contenido_a_mostrar'.$id.'">' 
.$posi.'/'.$mal.' 
</div>'; 
?>

Ahora mismo, me muestra el div "desplegado" ya que la variable "el" va vacia.

Gracias por vuestra ayuda ^^

maycolalvarez · #2 (**permalink**) 20/06/2011, 15:10

¿para que esta linea?:

if (document.getElementById){

¿no se supone que debes de verificar si el objeto existe, no si la función existe?:

Código Javascript:

Ver originalfunction muestra_oculta(id){
    var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
    if (el != null){ //se obtiene el id
        el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
    }
}

nakylara · #3 (**permalink**) 20/06/2011, 15:20

Cita:

Iniciado por maycolalvarez

¿para que esta linea?:

if (document.getElementById){

¿no se supone que debes de verificar si el objeto existe, no si la función existe?:

Código Javascript:

Ver originalfunction muestra_oculta(id){
    var el = document.getElementById(id); //se define la variable "el" igual a nuestro div
    if (el != null){ //se obtiene el id
        el.style.display = (el.style.display == 'none') ? 'block' : 'none'; //damos un atributo display:none que oculta el div
    }
}

Y ahora como añado la variable a la funcion? es que de esta manera, todos los divs aparecen expandidos, y sin embargo, si pongo solo 1 div aparece contraido

Gracias por tu ayuda

maycolalvarez · #4 (**permalink**) 20/06/2011, 16:00

no te entendí, ¿como es lo que quieres?

nakylara · #5 (**permalink**) 20/06/2011, 16:06

Cita:

Iniciado por maycolalvarez

no te entendí, ¿como es lo que quieres?

Genero muchos div con id=nombre1 id=nombre2..... y asi indefinidos, quiero que al pulsar el enlace del div id=2 oculte ese div
PD genero enlaces por cada div