Tecnología

Inicio

Cómo mover una colocación iFrame con jQuery

January 26

Un iframe es un elemento HTML que muestra un documento web dentro de otro documento web. Al igual que otros elementos DOM HTML, marcos flotantes se puede acceder y manipular usando Javascript. Es posible controlar iframes utilizando código Javascript único natural, y hay muchas librerías Javascript populares que ayudan a simplificar este proceso. jQuery es una tal biblioteca. A través de funciones de acceso directo de jQuery, los desarrolladores web pueden modificar un iframe con sólo unas pocas líneas de código.

Instrucciones

1 Enlace a jQuery en su página web añadiendo el siguiente código entre las etiquetas <head> </ head> de su página: <script type = "text / javascript"> </ script>

2 Busque el iframe que desea mover en su página HTML. Asegúrese de que tiene un id, por lo que puede hacer referencia a ella con jQuery. Se puede dar el iframe un id añadiendo un atributo id, como por ejemplo: <iframe id = "myIframe" />

3 A continuación etiqueta <iframe>, agregue el siguiente código: <script type = "text / javascript"> </ script>. Colocar cualquier código jQuery entre estas etiquetas de script.

4 Mover la posición del eje y de su marco flotante usando el siguiente código:. $ ( "# MyIframe") CSS ( "arriba", "0px"), en sustitución de myIframe con tu ID de iframe y 0px con la posición del eje y que usted desea.

5 Mover la posición del eje x usando el siguiente código:. $ ( "# Myiframe") CSS ( "izquierda", "0px")