Ver Mensaje Individual
  #6 (permalink)  
Antiguo 12/12/2012, 17:54
Avatar de IsaBelM
IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 16 años, 8 meses
Puntos: 1012
Respuesta: Cambio de color dinamicamente

no añadas css en línea siempre que te sea posible. usa la propiedad className
Cita:
<html>

<head>

<style type="text/css">
.contenedor, .contenedormax {
width: 350px;
margin-top: 5px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px;
background: white;
border: 1px solid green;
}


.contenedor {
background-color: #FFFFFF;
height: 100px;
}


.contenedormax {
background-color: #FFFFDD;
height: 200px;
}


.contenedor:hover {
background-color: #FFFFDD;
}

</style>

<script type="text/javascript">

function maximizar_contenedor(caja)
{
document.getElementById(caja).className = 'contenedormax';
}

function minimizar_contenedor(caja)
{
document.getElementById(caja).className = 'contenedor';
}

</script>

</head>

<body>

<div class="contenedor" id="caja1">
<div><a id="boton1" href="javascript:maximizar_contenedor('caja1')">Ma ximizar</a></div>
<div><a id="boton1" href="javascript:minimizar_contenedor('caja1')">Mi nimizar</a></div>
</div>

<div class="contenedor" id="caja2">
<div><a id="boton1" href="javascript:maximizar_contenedor('caja2')">Ma ximizar</a></div>
<div><a id="boton1" href="javascript:minimizar_contenedor('caja2')">Mi nimizar</a></div>
</div>

<div class="contenedor" id="caja2">
<div><a id="boton1" href="javascript:maximizar_contenedor('caja3')">Ma ximizar</a></div>
<div><a id="boton1" href="javascript:minimizar_contenedor('caja3')">Mi nimizar</a></div>
</div>


</body>
</html>
__________________
if(ViolenciaDeGénero) {alert('MUJER ASESINADA');}