Ver Mensaje Individual
  #4 (permalink)  
Antiguo 12/12/2012, 15:35
axsys
 
Fecha de Ingreso: septiembre-2012
Mensajes: 18
Antigüedad: 12 años, 6 meses
Puntos: 4
Respuesta: Cambio de color dinamicamente

mm, que raro, a mi me funciona en firefox, chrome e IE, el codigo completo deberia de ser este:

Código HTML:
Ver original
  1.  
  2.  
  3. <style type="text/css">
  4.  
  5. .contenedor {
  6. width: 350px;
  7. height: 100px;
  8. margin-top: 5px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px;
  9. background: white;
  10. border: 1px solid green;
  11. }  
  12.  
  13. </style>
  14.  
  15. <script type="text/javascript">
  16.        
  17. function maximizar_contenedor(caja)
  18. {
  19.  document.getElementById(caja).style.height="200px";
  20.  document.getElementById(caja).style.backgroundColor='#FFFFDD';
  21. }
  22.  
  23. function minimizar_contenedor(caja)
  24. {
  25.  document.getElementById(caja).style.height="100px";
  26.  document.getElementById(caja).style.backgroundColor='#FFFFFF';
  27. }
  28.  
  29.  
  30.  
  31.  
  32. </head>
  33.  
  34.  
  35. <div class="contenedor" id="caja1">
  36.  <div><a id="boton1" href="javascript:maximizar_contenedor('caja1')">Maximizar</a></div>
  37.  <div><a id="boton1" href="javascript:minimizar_contenedor('caja1')">Minimizar</a></div>
  38. </div>
  39.  
  40. <div class="contenedor" id="caja2">
  41.  <div><a id="boton1" href="javascript:maximizar_contenedor('caja2')">Maximizar</a></div>
  42.  <div><a id="boton1" href="javascript:minimizar_contenedor('caja2')">Minimizar</a></div>
  43. </div>
  44.  
  45. <div class="contenedor" id="caja3">
  46.  <div><a id="boton1" href="javascript:maximizar_contenedor('caja3')">Maximizar</a></div>
  47.  <div><a id="boton1" href="javascript:minimizar_contenedor('caja3')">Minimizar</a></div>
  48.  <div style="width:40px; height:40px; background: black;"></div>
  49. </div>
  50.  
  51.  
  52. </body>
  53.  
  54. <script type="text/javascript">
  55.  
  56. (function(){
  57.  
  58.     var nodes = document.getElementsByTagName('body')[0].childNodes;
  59.  
  60.     for(node in nodes){
  61.  
  62.         if(nodes[node].className == 'contenedor'){
  63.  
  64.             nodes[node].onmouseover = function(){ this.style.backgroundColor = '#FFFFDD'; };
  65.             nodes[node].onmouseout = function(){ this.style.backgroundColor = '#FFFFFF'; };
  66.         }
  67.     }
  68.  
  69. })();
  70.  
  71.  
  72. </html>