Hola amigos de foros del web, abro este tema por motivos de una consulta, estoy realizando un pequeño script en el cual al pasar el mouse por un DIV, el mismo se agranda automáticamente.
Les dejo el código
Código HTML:
<html>
<head>
<style type="text/css">
.caja{
height: 50px;
width: 100px;
border: 2px solid black;
float: left;
}
</style>
<script language="javascript">
function agrandar() {
var divs = document.getElementsByClassName('caja');
for(var i=0; i < divs.length; i++) {
divs[i].style.height = '100px';
}
}
</script>
</head>
<body>
<div class="caja" value=1 onMouseOver=agrandar();></div>
<div class="caja" value=2 onMouseOver=agrandar();></div>
<div class="caja" value=3 onMouseOver=agrandar();></div>
<div class="caja" value=4 onMouseOver=agrandar();></div>
</body>
</html> El problema que estoy teniendo y no se me ocurre como resolver, es que me recorre todo el array, y me agranda todo div que encuentre.
Lo que debería de hacer es que al pasar por determinado div el mismo solo se agrande, probé con un If en el For comparando el atributo value, pero después descubrí que el mismo no es valido para DIVs.
Alguna solución?
Gracias desde ya!
Saludos!