Gli sviluppatori Web utilizzano elementi HTML iFrame per visualizzare pagine esterne sui loro siti web. Come regolari gli elementi della pagina HTML, gli elementi di un iFrame possono essere manipolati, in stile o spostati utilizzando Javascript. Tuttavia, una restrizione esiste: il contenuto del iFrame devono appartenere allo stesso dominio della pagina padre. A causa di problemi di sicurezza, iFrames con contenuti provenienti da un dominio diverso non possono essere modificati.

istruzione

1 Digitare name = "myIframe" all'interno del tag HTML del tuo iFrame per assegnare un nome. Il tuo codice finale dovrebbe essere simile: <iframe name = "myIframe" ... />

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

3 Digitare il seguente codice JavaScript sotto il codice aggiunto nel passaggio 2:

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

4 Digitare il seguente codice JavaScript sotto il codice al punto 3 per spostare l'elemento:

element.style.left = "100px"; element.style.top = "100px". Impostare il pixel e 'sinistra' 'top' attributi, se lo desideri.