Ver Mensaje Individual
  #11 (permalink)  
Antiguo 03/08/2010, 10:34
Avatar de kaninox
kaninox
 
Fecha de Ingreso: septiembre-2005
Ubicación: In my House
Mensajes: 3.597
Antigüedad: 19 años, 4 meses
Puntos: 49
Respuesta: recibir variable JS

y bueno al final lo resolví con capas como exponía luego, como siempre dejo la solución de como mostrar y ocultar capas usando un combobox o select.

Código Javascript:
Ver original
  1. <style >
  2. #capa2{
  3. display: none;}
  4. #capa3{
  5. display: none;}
  6. </style>
  7. <script type="text/javascript">
  8. function mostrar(aa) {
  9. switch(aa)
  10. {
  11. case '1':
  12. document.getElementById('capa1').style.display = 'block';
  13. document.getElementById('capa2').style.display = 'none';
  14. document.getElementById('capa3').style.display = 'none';
  15. break;
  16. case '2':
  17. document.getElementById('capa2').style.display = 'block';
  18. document.getElementById('capa1').style.display = 'none';
  19. document.getElementById('capa3').style.display = 'none';
  20. break;
  21. case '3':
  22. document.getElementById('capa3').style.display = 'block';
  23. document.getElementById('capa1').style.display = 'none';
  24. document.getElementById('capa2').style.display = 'none';
  25. break;
  26. }}
  27. </script>
  28. <form>
  29. <select name="aas" onchange="mostrar(this.value);">
  30. <option value="">Seleccione una opcion</option>
  31. <option value="1">Opcion1</option>
  32. <option value="2">Opcion2</option>
  33. <option value="3">Opcion3</option>
  34. </select>
  35. <br /><br /><br /><br />
  36. <div id="capa1">aaaaaaaaa</div>
  37. <div id="capa2" >bbbbbbbbbbb</div>
  38. <div id="capa3">cccccccccccc</div>

1.- se puede mejorar usando un arreglo, pero para fines educativos lo dejo asi.
2.- me di vuelta mucho rato para darme cuenta en el switch que en los case los números van con comilla simple de lo contrario no me funcionaba el script.

Si alguien quiere pulirlo bienvenido sea :D

Saludos.
__________________
Gokuh Salvo al mundo. PUNTO!!!!