Hvordan du flytter objekter i en iFrame

Webutviklere bruke HTML iFrame-elementer for å vise eksterne sider på sine nettsider. Som vanlige HTML sideelementer, kan elementene i en iFrame manipuleres, stylet eller flyttes ved hjelp av Javascript. Det finnes imidlertid en begrensning: iframe innhold må tilhøre samme domene som den overordnede siden. Av sikkerhetsmessige bekymringer, kan iframes med innholdet fra et annet domene ikke endres.

Bruksanvisning

1 Skriv name = "myIframe" inni iFrame HTML-koden for å tildele den et navn. Din endelige koden skal se ut: <iframe name = "myIframe" ... />

2 Skriv inn linjen <script type = "text / javascript"> under ditt <iframe> -taggen.

3 Skriv inn følgende Javascript-kode under koden du har lagt i trinn 2:

Var element = window.frames [ 'myIframe']. document.getElementById ( '[myElement]') under Erstatt [myElement] med id av elementet du ønsker å flytte.

4 Skriv inn følgende Javascript-kode under koden i trinn 3 for å flytte elementet:

element.style.left = "100px"; element.style.top = "100px". Sett "venstre" og "topp" pixel attributter som ønsket.