Hola a todos, les agradezco cualquier colaboracion o sugerencia que me puedan ofrecer.
Estoy haciendo un pequeño script en PHP con algo de Javascript para que sea mas dinamico.
El script se compone de 3 capas (contenedores), las cuales cambian de color (de blanco a amarillo) cuando el raton pasa sobre ellas.
Cada capa (contenedor) tiene dos botones (funciones javascript), una para maximizar la capa (contenedor) y otro para minimizar la capa (contenedor).
Cuando la capa (contenedor) se maximiza cambia de color (de blanco a amarillo).
Cuando la capa (contenedor) se minimiza vuelve a su color original (de amarillo a blanco).
El problema que tengo, es que cuando minimizo capa (contenedor) y vuelvo a pasar sobre la capa el raton (contenedor), el efecto de cambiar de color no tiene ningun efecto.
El codigo es este:
Código HTML:
Ver original
.contenedor {
width: 350px;
height: 100px;
margin-top: 5px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px;
background: white;
border: 1px solid green;
}
.contenedor:hover {
background-color: #FFFFDD;
}
<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';
}
<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 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 class="contenedor" id="caja2"> <div><a id="boton1" href="javascript:maximizar_contenedor('caja3')">Maximizar
</a></div> <div><a id="boton1" href="javascript:minimizar_contenedor('caja3')">Minimizar
</a></div>
De antemano gracias por la ayuda.