Tema: como ocultar divs
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 17/09/2012, 14:50
Avatar de fjrueda
fjrueda
 
Fecha de Ingreso: marzo-2008
Ubicación: Bucaramanga
Mensajes: 313
Antigüedad: 16 años, 11 meses
Puntos: 35
Respuesta: como ocultar divs
Nobrogram.

Le pongo un ejemplo muy sencillo y basico y usted me dira si le sirve o no.

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script>
  5. function demonone(quien)
  6. {
  7.     document.getElementById(quien).style.display="none";
  8.     if(quien=='p1')
  9.     {
  10.          document.getElementById('bhp2').disabled = true;
  11.          document.getElementById('bsp2').disabled = true;
  12.     }
  13. }
  14.  
  15. function demoblock(quien)
  16. {
  17.     document.getElementById(quien).style.display="block";
  18.     if(quien=='p1')
  19.     {
  20.         document.getElementById('bhp2').disabled = false;
  21.         document.getElementById('bsp2').disabled = false;
  22.     }
  23. }
  24. </script>
  25. <style>
  26. #p1
  27. {
  28.     background-color: blue;
  29.     color: #FFFFFF;
  30.     padding: 10px;
  31. }
  32.  
  33. #p2
  34. {
  35.     background-color: #FFFFFF;
  36.     width: 50%;
  37.     color: #000000;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div id="p1">
  43.     This is some father text.
  44.     <div id="p2">This is some son text.</div>
  45.     <p>...</p>
  46. </div>
  47. <input id="bhp1" type="button" onclick="demonone('p1')" value="Hide father text with display property" />
  48. <input id="bsp1" type="button" onclick="demoblock('p1')" value="Show father text with display property" />
  49. <input id="bhp2" type="button" onclick="demonone('p2')" value="Hide son text with display property" />
  50. <input id="bsp2" type="button" onclick="demoblock('p2')" value="Show son text with display property" />
  51. </body>
  52. </html>