Hola chicos, estoy jugando con mostrar y ocultar DIV
con este famoso script:
Código Javascript
:
Ver originalfunction showDiv(quien) {
div = document.getElementById(quien);
if(div.style.display == 'block'){
div.style.display = 'none';
}else if(div.style.display == 'none'){
div.style.display = 'block';
};
}
Código HTML:
Ver original<input type="button" value="hola" onClick="javascript:showDiv('div1');"> <div id="div1" style=" display:none">
Como tambien juego con PHP en una hoja creo muchisimos div y juego con este script
Código PHP:
<form name="div">
<input type="button" value="<?php echo $p['nombre_fantasia']; ?>" onClick="javascript:showDiv('div<?php echo $divid;?>');"><div id="div<?php echo $divid; $divid++;?>" style=" display:none"></div>
</form>
Bueno el tema es que ahora quiero mostrar todos los div al mismo tiempo para imprimir.. y buscando encontre algo con checkbox claro esto no son checkbox pero puedo utilizarlo el codigo lo saque de
ak
y lo retoque un poquito con la funcion showDiv()....
Código Javascript
:
Ver originalfunction seleccionar_todo(){
for (i=0;i<document.div.elements.length;i++)
if(document.div.elements[i].type == "div"){
div = document.div.elements[i];
if(div.style.display == 'none'){
div.style.display = 'block';
}
}
}
La idea es recolectar todos los ID de los DIV y si estos tiene style.display == none cambiarlo a block.
Lamentablemente no funciona... y es por que no se nada de javascript
Me podrian dar una mano?
Gracias a todos.