Cómo mover objetos en un iFrame

Los desarrolladores web utilizan elementos HTML iFrame con el fin de mostrar las páginas externas en sus sitios web. Al igual que los elementos regulares de páginas HTML, los elementos de un marco flotante se pueden manipular, de estilo o se mueven con Javascript. Sin embargo, existe una restricción: el contenido del iFrame deben pertenecer al mismo dominio que la página principal. Por motivos de seguridad, iFrames con contenidos desde un dominio diferente no pueden ser modificados.

Instrucciones

1 Escriba el nombre = "myIframe" dentro de su etiqueta HTML iFrame para asignarle un nombre. Su código final debe ser similar a: <iframe name = "myIframe" ... />

2 Escriba la línea <script type = "text / javascript"> a continuación etiqueta <iframe>.

3 Escriba el siguiente código Javascript a continuación el código que agregó en el paso 2:

var element = window.frames [ 'myIframe']. document.getElementById ( '[myElement]') por debajo Reemplazar [myElement] con el id del elemento que desea mover.

4 Escriba el siguiente código Javascript a continuación el código en el paso 3 para mover el elemento:

element.style.left = "100px"; element.style.top = "100px". Defina los atributos de píxeles y 'left' 'top' si lo deseas.