Ver Mensaje Individual
  #4 (permalink)  
Antiguo 25/10/2009, 14:43
Avatar de Adler
Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 18 años, 2 meses
Puntos: 126
Respuesta: mostar DIV y ocultar el resto de DIV's

Yo monté esto hace tiempo

Código javascript:
Ver original
  1. <html>
  2. <style type="text/css">
  3. .ocultar {display:none;}
  4. .mostrar {display:block;}
  5. .sel {color:#FF0000;}
  6. .nosel {color:#000000;}
  7. </style>
  8. <script type="text/javascript">
  9. var visto_subm = null;
  10. var visto_color = null;
  11. function ver(num) {
  12. objhl = document.getElementById(num);
  13. obj = document.getElementById("sub"+num);
  14.  
  15. obj.className = (obj==visto_subm) ? 'ocultar' : 'mostar';
  16. objhl.className = (objhl==visto_color) ? 'nosel' : 'sel';
  17.  
  18.     if ((visto_subm != null) && (visto_color != null)) {
  19.         visto_subm.className = 'ocultar';
  20.         visto_color.className = 'nosel';
  21.     }
  22.  
  23. visto_subm = (obj==visto_subm) ? null : obj;
  24. visto_color = (obj==visto_color) ? null : objhl;
  25. }
  26.  
  27. </script>
  28. <head>
  29. </head>
  30. <body>
  31. Se puede usar ver, ver1 y ver2 por separado<br /><br />
  32. <div id="0" class="nosel" onclick="ver(this.id)" style="z-index:1;">MENU0</div>
  33. <div id="sub0" class="ocultar" style="z-index:1;">
  34. SubMenu0<br />
  35. SubMenu0<br />
  36. SubMenu0
  37. </div>
  38.  
  39. <div id="1" class="nosel" onclick="ver(this.id)" style="z-index:1;">MENU1</div>
  40. <div id="sub1" class="ocultar" style="z-index:1;">
  41. SubMenu1<br />
  42. SubMenu1<br />
  43. SubMenu1
  44. </div>
  45.  
  46.  
  47. <div id="2" class="nosel" onclick="ver(this.id)" style="z-index:1;">MENU2</div>
  48. <div id="sub2" class="ocultar" style="z-index:1;">
  49. SubMenu2<br />
  50. SubMenu2<br />
  51. SubMenu2
  52. </div>
  53.  
  54.  
  55. <div id="3" class="nosel" onclick="ver(this.id)" style="z-index:1;">MENU3</div>
  56. <div id="sub3" class="ocultar" style="z-index:1;">
  57. SubMenu3<br />
  58. SubMenu3<br />
  59. SubMenu3
  60. </div>
  61.  
  62. </body>
  63. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />