Ver Mensaje Individual
  #9 (permalink)  
Antiguo 23/03/2011, 12:21
santa2r
 
Fecha de Ingreso: diciembre-2008
Mensajes: 122
Antigüedad: 15 años, 5 meses
Puntos: 1
Respuesta: Mostrar codigo depende de la selccion de lista

Código Javascript:
Ver original
  1. <script>
  2. function activar_parrafo(id){
  3.  for (i=1;i=2;i++){
  4.      if(id==i){
  5.                 document.getElementById(id).setAttribute("class", "mostrar");
  6.      }
  7.       else {
  8.             document.getElementById(id).setAttribute("class", "ocultar");
  9.      }
  10.  }
  11. }
  12. </script>
  13. <style type="text/css">
  14. .mostrar{
  15.          display:block;
  16.          visibility:visible;
  17. }
  18. .ocultar{
  19.          display:none;
  20.          visibility:hidden;
  21. }
  22. body {
  23.     margin-left: 0px;
  24.     margin-top: 0px;
  25.     margin-right: 0px;
  26.     margin-bottom: 0px;
  27. }
  28. </style></head>
  29. <body>
  30.       <select onchange="activar_parrafo(this.value)">
  31.         <option selected="selected">Elegir</option>
  32.          <option value="1">Div primero</option>
  33.          <option value="2">Div segundo</option>
  34.       </select>
  35. <div id="div1" class="ocultar">Esto es el primer div</div>
  36. <div id="div2" class="ocultar">Esto es el segundo div</div>