Foros del Web - Ver Mensaje Individual

axsys · #4 (**permalink**) 12/12/2012, 15:35

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

Código HTML:

Ver original<html>
 
<head>
 
<style type="text/css"> 
 
.contenedor {
width: 350px;
height: 100px;
margin-top: 5px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px;
background: white;
border: 1px solid green;
}  
 
</style> 
 
<script type="text/javascript">
        
function maximizar_contenedor(caja)
{
 document.getElementById(caja).style.height="200px";
 document.getElementById(caja).style.backgroundColor='#FFFFDD';
}
 
function minimizar_contenedor(caja)
{
 document.getElementById(caja).style.height="100px";
 document.getElementById(caja).style.backgroundColor='#FFFFFF';
}
 
 
 
</script>
 
</head>
 
<body>
 
<div class="contenedor" id="caja1">
 <div><a id="boton1" href="javascript:maximizar_contenedor('caja1')">Maximizar</a></div>
 <div><a id="boton1" href="javascript:minimizar_contenedor('caja1')">Minimizar</a></div>
</div>
 
<div class="contenedor" id="caja2">
 <div><a id="boton1" href="javascript:maximizar_contenedor('caja2')">Maximizar</a></div>
 <div><a id="boton1" href="javascript:minimizar_contenedor('caja2')">Minimizar</a></div>
</div>
 
<div class="contenedor" id="caja3">
 <div><a id="boton1" href="javascript:maximizar_contenedor('caja3')">Maximizar</a></div>
 <div><a id="boton1" href="javascript:minimizar_contenedor('caja3')">Minimizar</a></div>
 <div style="width:40px; height:40px; background: black;"></div>
</div>
 
 
</body>
 
<script type="text/javascript">
 
(function(){
 
    var nodes = document.getElementsByTagName('body')[0].childNodes;
 
    for(node in nodes){
 
        if(nodes[node].className == 'contenedor'){
 
            nodes[node].onmouseover = function(){ this.style.backgroundColor = '#FFFFDD'; };
            nodes[node].onmouseout = function(){ this.style.backgroundColor = '#FFFFFF'; };
        }
    }
 
})();
 
 
</script>
</html>