Nwlapcug.com


Come spostare gli oggetti in un iFrame

Gli sviluppatori Web utilizzano elementi iFrame HTML per visualizzare pagine esterne sui loro siti Web. Come regolare gli elementi di pagina HTML, gli elementi in un iFrame possono essere manipolati, in stile o spostati utilizzando Javascript. Tuttavia, esiste una limitazione: contenuto di iFrame dovrà appartenere allo stesso dominio come la pagina principale. Per motivi di sicurezza, gli iframe con contenuto da un dominio diverso non possono essere modificati.

Istruzioni

1

Nome del tipo = "myIframe" all'interno della tua iFrame HTML tag per assegnarvi un nome. Il codice finale dovrebbe essere simile: < iframe nome = "myIframe"... / >

2

Digitare la riga < script type = "text/javascript" > sotto il tag < iframe >.

3

Digitare il seguente codice Javascript sotto il codice che aggiunto nel passaggio 2:

elemento var = window.frames['myIframe'].document.getElementById('[myElement]') sotto Sostituisci [myElement] con l'id dell'elemento che si desidera spostare.

4

Digitare il seguente codice Javascript sotto il codice nel passaggio 3 per spostare l'elemento:

element.Style.Left="100px"; element.Style.Top="100px". Impostare gli attributi di 'sinistra' e 'top' pixel come desiderato.