Ver Mensaje Individual
  #8 (permalink)  
Antiguo 27/12/2010, 13:52
Avatar de Adler
Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 18 años
Puntos: 126
Respuesta: Mantener Botón Seleccionado al Presionarlo...

Hola

No es necesario usar php, es simple js y css.

Un ejemplo
Código Javascript:
Ver original
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. dt{display:none; color:#000000;}
  5. .ocultar {display:none;}
  6. .mostrar{display:block;}
  7. .sel {color:#FF0000;}
  8. .nosel {color:#000000;}
  9. </style>
  10. <script type="text/javascript">
  11. var opciones = null;
  12. window.onload = function() {
  13. contenedorMenu = document.getElementById('elmenu');
  14. for(var i = 0, elementos = contenedorMenu.getElementsByTagName('dl'); i < elementos.length; i++) {
  15. elementos[i].onclick = function() {
  16. obj = this.getElementsByTagName('dt');
  17.  
  18.     for (var j = 0; j < obj.length; j++) {
  19.  
  20.         obj[j].className = (obj[j]==opciones) ? 'ocultar' : 'mostrar';
  21.  
  22.     }
  23.  
  24.  
  25.     if (opciones!= null) {
  26.  
  27.         for (var n = 0, recoger = opciones.getElementsByTagName('dt'); n < recoger.length; n++) {
  28.  
  29.             recoger[n].className = 'ocultar';
  30.             opciones.className = 'nosel';
  31.         }
  32.    
  33.     }
  34.  
  35. opciones = (this==opciones) ? null : this;
  36. this.className = (this==opciones) ? 'sel' : 'nosel';
  37. }
  38. }
  39. }
  40. </script>
  41. <head>
  42. </head>
  43. <body>
  44. <div id="elmenu">
  45. <dl>Opciones 1
  46. <dt>Opcion 1</dt>
  47. <dt>Opcion 2</dt>
  48. </dl>
  49.  
  50.  
  51. <dl>Opciones 2
  52. <dt>Opcion 1</dt>
  53. <dt>Opcion 2</dt>
  54. <dt>Opcion 3</dt>
  55. </dl>
  56.  
  57.  
  58. <dl>Opciones 3
  59. <dt>Opcion 1</dt>
  60. <dt>Opcion 2</dt>
  61. </dl>
  62.  
  63.  
  64. <dl>Opciones 4
  65. <dt>Opcion 1</dt>
  66. </dl>
  67.  
  68. </div>
  69. </body>
  70. </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;" />