[Javascript]copy inhoud iframe naar div - Softwareontwikkeling

zaterdag 12 maart 2005 13:24

Acties:

Topicstarter

Hallo allemaal,

Ik zit een beetje te prutsen met javascript maar het wil niet helemaal lukken.Er zijn al verscheidene topics voorbij gekomen waarin een deel van mijn probleem naar voren is gekomen maar ik kom er nog steeds niet helemaal uit -> gebrek aan java kennis zal het wel zijn.

Ik heb een pagina met alleen maar div's. In de content div heb ik een iframe (name="testiframe") met visibility:hidden; In dit frame wordt een pagina geladen welke afhankelijk is van links. Wat nu de bedoeling is, is dat de inhoud van de iframe gekopieerd wordt naar <div "content">

Wat ik nu heb:
document.getElementById('content').innerHTML= 'boe';

Hiermee wordt de inhoud van de content div wel aangepast, maar ik weet niet wat ik ipv 'boe' moet zetten. als ik daar namelijk de naam van het iframe (testiframe) neerzet krijg ik de melding "object".

Help!! me

zaterdag 12 maart 2005 13:27

Acties:

crisp

Devver

Pixelated

JS hoort in Webdesign & Graphics

move P&W -> W&G

Overigens: als het document in je iframe van een ander domein afkomstig is kan je het wel schudden...

[ Voor 44% gewijzigd door crisp op 12-03-2005 13:28 ]

Intentionally left blank

zaterdag 12 maart 2005 13:32

Acties:

bendedit

Topicstarter

crisp schreef op zaterdag 12 maart 2005 @ 13:27:
JS hoort in Webdesign & Graphics

move P&W -> W&G

Overigens: als het document in je iframe van een ander domein afkomstig is kan je het wel schudden...

sorry!

Maar het is op mn eigen domein. Links uit het menu worden in de iframe geopend, iframe staat op hidden maar zo moet ik wel de inhoud naar een div kunnen kopieren toch? zodat niet de hele site opnieuw geladen moet worden.

zaterdag 12 maart 2005 13:36

Acties:

Michali

crisp schreef op zaterdag 12 maart 2005 @ 13:27:
JS hoort in Webdesign & Graphics

move P&W -> W&G

Overigens: als het document in je iframe van een ander domein afkomstig is kan je het wel schudden...

euh, hij staat nog steeds in P&W

of moet het echt door een P&W mod gedaan worden?

Je moet overigens de inhoud aanspreken met:

code:

1	document.getElementById('iframeID').contentWindow.document.getElementsByTagName('body').item(0).innerHTML

[ Voor 21% gewijzigd door Michali op 12-03-2005 13:37 ]

Noushka's Magnificent Dream | Unity

zaterdag 12 maart 2005 13:37

Acties:

bendedit

Topicstarter

Michali schreef op zaterdag 12 maart 2005 @ 13:36:
[...]

euh, hij staat nog steeds in P&W of moet het echt door een P&W mod gedaan worden?

Volgens mij wel, geen idee hoe ik em kan verplaatsen...

Verslepen lukt in ieder geval niet

[ Voor 9% gewijzigd door bendedit op 12-03-2005 13:38 ]

zaterdag 12 maart 2005 13:38

Acties:

Michali

bendedit schreef op zaterdag 12 maart 2005 @ 13:37:
[...]

Volgens mij wel, geen idee hoe ik em kan verplaatsen...

Bij jij een mod dan?

Noushka's Magnificent Dream | Unity

zaterdag 12 maart 2005 13:41

Acties:

crisp

Devver

Pixelated

dit werkt ook gewoon:

JavaScript:

1	parent.frames['testiframe'].document.body.innerHTML;

nu echt gemoved

Intentionally left blank

zaterdag 12 maart 2005 13:43

Acties:

Michali

crisp schreef op zaterdag 12 maart 2005 @ 13:41:
dit werkt ook gewoon:
JavaScript:
1
parent.frames['testiframe'].document.body.innerHTML;

Die is iets eenvoudiger ja

Noushka's Magnificent Dream | Unity

zaterdag 12 maart 2005 13:58

Acties:

bendedit

Topicstarter

parent.frames['testiframe'].document.body.innerHTML;

Deze regel komt in het in te laden document:
<body onLoad="parent.frames['testiframe'].document.body.innerHTML;">

Ik snap em alleen niet helemaal. frame op de hoofdpagina met de naam testiframe krijgt de waarde van de body van de huidige pagina waarin dit script staat?

Het moet eigenlijk iets zijn met layer op de hoofdpagina met de naam content krijgt de waarde van de body van de huidige pagina.

zaterdag 12 maart 2005 14:05

Acties:

Verwijderd

JavaScript:

1
2
3

var sSource = parent.frames['testiframe'].document.body.innerHTML;
var oTarget = document.getElementById('myDiv');
oTarget.innerHTML = sSource;

Let er wel op dat eventuele stylesheets die je in de iframe inlaadt niet (noodzakelijk) van toepassing zijn op de DIV waar je de code naar toe kopieert.

zaterdag 12 maart 2005 14:07

Acties:

Bartjuh

Hej

Misschien dat je wat hebt aan een oud topic van mij

( zie hier )

En een artikel uit de msdn over iframe's ( zie artikel )

zaterdag 12 maart 2005 14:41

Acties:

bendedit

Topicstarter

Thnx allemaal, ben al een stuk verder! Ik krijg alleen in IE een waarschuwingsbalk!

[ Voor 5% gewijzigd door bendedit op 12-03-2005 15:07 ]