modificar style entre frames

[dpercam]

Hola a todos,

Os comento una duda, no es dificil, pero no llego a solucionarlo.

Tengo una pagina con 2 frames, en un frame hay una imagen:

<img src="imagen.jpg" width="100%" height="650" name='currentImg' style="margin-right:0px;margin-left:0px;margin-top:0px" />

En el otro marco tengo unos botones de este tipo:

<input type="button" name="close" value="arriba" onclick='javascript:arriba();'>

El problema en el evento onclick uso la funcion arriba:

function arriba()
{
var obj1 = parent.frames['central'].currentImg;
obj1.style.margin-top= "200px";

}

quiero cambiar el parametro margin-top, pero no me funciona. Que es lo que esta mal?? Si pongo : obj1.height="600" funciona bien, pero con el style.margin no va.

Alguien se le ocurre como es?

Gracias!!

[Bellenger]

Hola, cuando se usan atributos compuestos :

Código:

margin-top

lo que se hace en javascript es:

Código:

marginTop

Juntarlo y colocar el primer caracter en Mayuscula, asi es con todos los atributos compuestos...

[dpercam]

Muchas gracias!
Asi si funciona.

[dpercam]

Me ha surgido otra duda del tema.
Y si quiero hacer:

var obj1 = parent.frames['frame'].imagen;
obj1.style.marginTop = obj1.style.marginTop + "10px";

Esto no esta bien. Como se haria??

Gracias!

[JavierB]

Hola dpercam

El valor de marginTop es una cadena, tienes que pasarla a número y luego sumarle 10. Ponlo así:

Código:

obj1.style.marginTop = parseInt(obj1.style.marginTop) + 10 + "px";

Saludos,

[dpercam]

Asi si funciona!
Gracias JavierB!