verificar si un elemento esta visible

Wdeah · #1 (**permalink**) 18/05/2006, 03:56

hola, lo que estoy necesitando es saber como puedo averiguar si un elemento esta visible o no...
explico: tengo un div contenedor, adentro hay varios div con una cuenta regresiva, la cual, al llegar a 0, oculta ese div que esta adentro del contenedor.
que pasa, cuando queda el ultimo div, se oculta, pero el contenedor queda visible.. lo que necesito e saber si todos los div's tienen en ese momento la propiedad de css display == none, que oculte el contenedor tambien..

gracias.

JavierB · #2 (**permalink**) 18/05/2006, 04:14

Hola Wdeah

Pon un id al contenedor: <div id="algo">

y usa este código para ver si están todos los otros div ocultos:

Código PHP:

    obj = document.getElementById('algo');

  for (i=0; ele=obj.getElementsByTagName('div')[i]; i++)

    if (ele.style.display != 'none') return;

  obj.style.display = 'none';

Saludos,

Wdeah · #3 (**permalink**) 18/05/2006, 04:32

claro, pero el tema es que adentro del contenedor tambien tengo otros divs, que no se ocultan, se ocultarian junto con el contenedor...
lo que pense fue ponerle el atributo name="nombre", a los div que oculto, entonces despues me fijo si unicamente los div's que el name sea nombre estan ocultos se oculte el contenedor..

Wdeah · #4 (**permalink**) 18/05/2006, 05:33

bueno.. lo hice, pero no puedo entender porque no funca en IE

Código PHP:

  divs = document.getElementsByName('movs'); // movs se llaman los divs que oculto

    var ocultos = 0;

    for (i=0; i < divs.length; i++)

    {

        if (divs[i].style.display == 'none')

        {

            ocultos++;

        }

    }

    if ((divs.length == ocultos) && (divs.length != 0)) // tube que poner && (divs.length != 0 porque segun IE, divs.length es igual a 0 (¿¿¿???) :@

    {

        mostrar('movimientos', false); // oculto el contenedor

    }

con el firefox anda de 10!

caricatos · #5 (**permalink**) 18/05/2006, 07:29

Hola:

explorer tiene una implementación malísima de esas colecciones... Permite duplicados de id's y los utiliza en ese método (getElementsByName())

Si quieres que valga en todos los navegadores, debes haher algo más complejo... Discriminar por otro atributo (incluso inventado)

Saludos

Wdeah · #6 (**permalink**) 18/05/2006, 15:38

ya esta, lo solucione modificando un poco el codigo que me dio JavierB

y despues de un rato entendi porque no funcionaba.. va al menos pense eso..
bueno, una ves que andaba en el FF, (yo boludeo mucho con el tema de que quiero que sean todos documentos XHTML 1.0 Validos), entonces voy a validar como habia quedado el codigo terminado.. y me dice que no era valido..
como?? se, decia que el atributo name no era valido en la etiqueta div, el dream tambien me lo dijo, pero no le di bola...
quizas era por eso que no funcionaba en IE