Esconder DIV si no hay contenido

[M3duser]

Hola a todos,

Tengo un DIV en el que en algunas páginas aparece información que tengo guardada en una base de datos pero en las páginas en las que no aparece nada me queda el espacio vacío y quisiera saber si es posible esconder este DIV cuando no tiene contenido.

De antemano gracias.

[oscard41]

hola, yo lo haria con javascript...

Código Javascript:

function esconderDiv(){
        var div=getElementById('nombreIdDiv');
       if(!div.value)
              div.setAttribute('style','display:none');
}
 

Espero y te sirva...

[emprear]

Iniciado por oscard41

hola, yo lo haria con javascript...

Código Javascript:

function esconderDiv(){
        var div=getElementById('nombreIdDiv');
       if(!div.value)
              div.setAttribute('style','display:none');
}
 

Espero y te sirva...

No. la propiedad value para un div no existe, se usa innerHTML

Código Javascript:

function esconderDiv(){
        var eldiv=getElementById('nombreIdDiv');
       if(eldiv.innerHTML == ""){
              eldiv.style.display = none;
}
}
 

Saludos

[M3duser]

No me funciona pero no se si es porque en algo están interfiriendo las tablas que tengo dentro del DIV o estoy utilizando mal el JAVASCRIPT

Código Javascript:

function esconderDiv(){
        var eldiv=getElementById('esconder');
       if(eldiv.innerHTML == ""){
              eldiv.style.display = none;
}
}
 

Código HTML:

<div id="esconder"><?php do { ?>
                    <table width="600" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                        <td width="20">&nbsp;</td>
                        <td><table width="100%" border="0" cellpadding="5" cellspacing="0" class="borderListaHoteles">
                          <tr>
                            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td><img src="images/Hoteles/1.jpg" width="130" height="87" alt="imagenes"></td>
                              </tr>
                            </table></td>
                            <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                              <tr>
                                <td width="500" height="30" class="Title"><?php echo $row_Pago['Hotel']; ?></td>
                                <td width="79" align="right"><table width="79" border="0" cellpadding="0" cellspacing="0">
                                  <tr>
                                    <td>&nbsp;</td>
                                  </tr>
                                </table></td>
                              </tr>
                            </table>
                              <table width="100%" border="0" cellpadding="0" cellspacing="0">
                                <tr>
                                  <td><table border="0" cellpadding="0" cellspacing="0">
                                    <tr>
                                      <td class="textoListaHoteles"><p><?php echo $row_Pago['Habitaciones']; ?><br>
                                        <?php echo $row_Pago['Direccion']; ?><br>
                                        <?php echo $row_Pago['Destino']; ?> &nbsp; &nbsp;<?php echo $row_Pago['Estado']; ?><br>
                                        <br>
                                      </p></td>
                                    </tr>
                                  </table></td>
                                </tr>
                                <tr>
                                  <td height="10"></td>
                                </tr>
                              </table></td>
                          </tr>
                        </table></td>
                      </tr>
                    </table>
                    <?php } while ($row_Pago = mysql_fetch_assoc($Pago)); ?> </div>
 

[emprear]

Perdón, cometí un error

la función es

Código:

function esconderDiv(){
        var eldiv=document.getElementById('esconder');
       if(eldiv.innerHTML == ""){
              eldiv.style.display = none;
}
}

faltaba el document

Saludos

[metacortex]

Con PHP no sólo es más fácil sino que es lo correcto:

Código PHP:

foreach($datos as $k => $d) {
    if( empty($d) ) continue;
 
    echo '<div id="contenedor-'. $k .'">'. $d .'</div>';
}
 

El problema del javascript es que no altera la estructura física del documento, por lo que -dependiendo del proyecto- fácilmente podemos tener 500 divs vacíos que, aunque ocultos con display none, de todas formas se imprimen en nuestro HTML.

[cuasatar]

metacortex tiene una buena idea. Yo alguna vez hice algo mezclando css que tambien podria servir. Si no tienes contenido puedes crear dos class en css. En una tendras el div normal con las propiedades que le asignes y en la otra una clase que tenga un display none, algo asi como:

Código CSS:

h1.hidden {display:none;}
 

Entonces en función de si existe o no información renombraras el div con uno u otro nombre. Espero haber sido claro con la idea.

[patriciomase]

Yo usaría css por ejemplo si es una validación de form, entonces el div siempre está ahi pero solo se ve si tiene algo.

De otro modo haría algo asi:

Código PHP:

<?php isset($contenidoDiv) AND print('<div>.$contenidoDiv.</div>');?>
 

y listo lo resolves con 1 linea