Tengo problemas al hacer la funcion a travez de parametros....(pero si funciona globalmente....parece que tengo dudas de como funciona el getElementById, de como jugar con esos valores y de volver a reasignarlos a la propiedad HEIGHT del div en cuestion.
Me he basado en un post de este foro para poder realizar este problema....pero no hayo como poder resolverlo a plenitud.
Cita:
Me gustaria poder formar una funcion ke trabaje solo con los parametros enviados y no con la ID global ke alli se encuentra....<html>
<head>
<style>
body { background: #777; }
#content { width: 100px; height: auto; background: #333; padding: 10px; }
#capa { width: 100px; height: 20px; background: #069; }
</style>
<script type="text/javascript">
function Mover1(id)
{
var limite = 100;
//var x = parseInt(capa.style.height);
var obj = document.getElementById(id).style.height
var x = parseInt(obj);
if(x > limite)
{
return true;
}
else
{
//capa.style.height = x + 10;
obj = x + 10;
setTimeout("Mover1('+id+')", 30);
}
}
function Volver1()
{
capa.style.height = 20;
return true;
}
</script>
</head>
<body>
<div id=content>
<div id=capa onmouseover="Mover1('capa');" onmouseout="Volver1();">
...contenido...
</div>
</div>
</body>
</html>
<head>
<style>
body { background: #777; }
#content { width: 100px; height: auto; background: #333; padding: 10px; }
#capa { width: 100px; height: 20px; background: #069; }
</style>
<script type="text/javascript">
function Mover1(id)
{
var limite = 100;
//var x = parseInt(capa.style.height);
var obj = document.getElementById(id).style.height
var x = parseInt(obj);
if(x > limite)
{
return true;
}
else
{
//capa.style.height = x + 10;
obj = x + 10;
setTimeout("Mover1('+id+')", 30);
}
}
function Volver1()
{
capa.style.height = 20;
return true;
}
</script>
</head>
<body>
<div id=content>
<div id=capa onmouseover="Mover1('capa');" onmouseout="Volver1();">
...contenido...
</div>
</div>
</body>
</html>
Tambien me gustaria lograr una funcion que al sacar el mouse del div, la altura de este vaya disminuyendo lentamente hasta su posicion original.
Bueno chicos, cualquier sugerencia es bien recibida ^^
