[CSS] over laten nemen door iframe - Softwareontwikkeling

maandag 24 januari 2005 12:32

Acties:

Topicstarter

ik heb een pagina met daarin 1 iframe

kan ik ervoor zorgen dat de iframe de CSS overneemt van de parent zeg maar?

en ik las ergens anders dat het ook zonder iframe moet kunnen door een div met overflow te maken in de CSS, maar hoe zorg ik dan dat het menu in de Div laadt of kan ik dat gewoon bij target= instellen?

the things we fear most have already happened to us

maandag 24 januari 2005 12:51

Acties:

Zoefff

❤ 

Je moet in de pagina die je in het iframe zet gewoon dezelfde CSS definieren als in de rest van je pagina's.

Fotoblog • Werkaandemuur.nl • Moestuincursus.nl • Twitter

maandag 24 januari 2005 12:53

Acties:

6bit

Topicstarter

maar de CSS van de pagina waar de iframe in staat verschilt dus hij moet die van de parent overnemen..

the things we fear most have already happened to us

maandag 24 januari 2005 13:05

Acties:

Zoefff

❤ 

Dan pas je de CSS van de pagina in het iframe toch aan? Of laad je er een pagina in die niet op jou webserver (of iig niet onder jouw beheer) staat?

Voor zover ik weet is het niet op een normale manier mogelijk om de CSS over te laten nemen. Misschien met Javascript, maar ik geef je weinig hoop.

Fotoblog • Werkaandemuur.nl • Moestuincursus.nl • Twitter

dinsdag 25 januari 2005 10:58

Acties:

6bit

Topicstarter

Het moet mogelijk zijn, maar ik weet dus niet hoe......

the things we fear most have already happened to us

dinsdag 25 januari 2005 11:03

Acties:

Woudloper

« - _ - »

Hetgeen wat reeds is voorgesteld door Zoefff lijkt mij wel de oplossing. Dit kan je natuurlijk ook doen middels een stukje javascript door gewoon een style toe te voegen aan de pagina in de IFRAME.

Er is niet zoiets als overerving voor een iframe. Let overigens wel op dat het (naar ik meen) niet op gaat voor pagina's in de iframe welke niet op je eigen domein staan...

dinsdag 25 januari 2005 11:05

Acties:

Clay

cookie erbij?

Je haalt een paar dingen door elkaar denk ik. Een iframe is een los document, die heeft zijn eigen stylesheet include nodig, en kan dat niet zomaar erven van een ander document. Voodrdeel is dat je daar dus een url in kan laden terwijl de parent niet gerefreshd wordt.

Dat overflow verhaal is overflow:auto; en werkt op een block level element met een gedefinieerde width en/of heigth. Het leuke daarvan is dat het automatisch dezelfde css heeft (omdat het in hetzelfde document zit) en je ook het scrollen van oldskool frames kan gebruiken zonder ranzige framesets, maar zonder javascript kan je daar dus niet zomaar een losse url in laden.

Instagram | Flickr | "Let my music become battle cries" - Frédéric Chopin

maandag 28 februari 2005 13:34

Acties:

6bit

Topicstarter

en op wat voor manier met javascript is het dan mogelijk om wel een url in bijv een <div> te laden en dus niet in een iframe?

the things we fear most have already happened to us

maandag 28 februari 2005 16:31

Acties:

Rowanov

Kop eens wat anders...

Dan kom je op serverside includes of op het hiden en weer terug toveren van div's.
Zie ook: ALA

maandag 28 februari 2005 17:30

Acties:

Morrar

6bit schreef op maandag 28 februari 2005 @ 13:34:
en op wat voor manier met javascript is het dan mogelijk om wel een url in bijv een <div> te laden en dus niet in een iframe?

Je kan ook een hidden frame gebruiken en daarvan de body.innerHTML kopieren naar de div.innerHTML... netjes? ach

Edit: voorbeeld in ranzige code

code:

<html>
    <head>
        <script language="Javascript" type="text/javascript">
            function CopyContent(oHFrame) {
                if(oHFrame.document) { sHTML = document.frames[oHFrame.id].document.body.innerHTML; }
                else if (oHFrame.contentDocument) { sHTML = oHFrame.contentDocument.body.innerHTML; }
                else { self.alert("No document loaded..."); return; }
                oCDiv = document.getElementById("ContentDiv");
                oCDiv.innerHTML = sHTML;
            }
        </script>
    </head>
    <body>
    <iframe id="HiddenFrame" src="test2.html" style="display:none;" onload="CopyContent(this);"></iframe>
    <div id="ContentDiv" style="width:200px; height:200px; border: 1px solid black; overflow: auto;">Loading...</div>
    </body>
</html>

Edit2: voorzien van ranzige IE-fix

[ Voor 85% gewijzigd door Morrar op 28-02-2005 18:07 ]