[HTML] Iframe hoogte en breedte aanpassen - Softwareontwikkeling

woensdag 12 februari 2003 17:53

Acties:

ik & jij

Topicstarter

Ik zit met het volgende: ik ben een pagina aan het maken die een Iframe bevat. Deze Iframe zou ik aanpasbaar in formaat willen hebben afhankelijk van de resolutie van de gebruiker.
Dat zowel in breedte en in hoogte. De breedte moet worden aangenomen van de breedte van de cel waar de Iframe zich in bevindt. De hoogste van het Iframe moet gelijk zijn aan de hoogte van de pagina bij zojuist vastgestelde breedte. Zodat er geen scrollbar verschijnt bij het Iframe.

voorlopig heb ik

HTML:

<body>
<table border="1" width="100%">
    <tr>
        <td width="20%">&nbsp;</td>
        <td width="*">
<iframe name="dinges" src="dingestest.html" marginwidth=0 marginheight=0 scrolling="no" frameborder="0"></iframe>
        </td>
        <td width="20%">&nbsp;</td>
    </tr>
<table>

</body>

De width van de iframe moet dus gelijk zijn aan de "td width="*"" en de height afhankelijk van de inhoud van dingestest.html.
Volgt u mij nog? Mooi!

Ik heb al met document.getElementById('dinges').height enzo proberen te kloten echter zonder succes.

BTW: dingestest.html staat vol met Lurom Ipsum zooi zonder breaks

laat ik nou toevallig toch een stift bij me hebben! - specs

woensdag 12 februari 2003 18:00

Acties:

Hangloozz

{ @$%&# }

width en height van je iframe op 100%

www.jurgroessen.nl

woensdag 12 februari 2003 18:02

Acties:

Willem

Ooit van 100% gehoord?

_</spuit11>

[ Voor 47% gewijzigd door Willem op 12-02-2003 18:03 ]

woensdag 12 februari 2003 18:08

Acties:

Verwijderd

of probeer dreamweaver

woensdag 12 februari 2003 18:11

Acties:

Willem

of probeer ontopic te blijven en iets nuttigs te zeggen

woensdag 12 februari 2003 19:08

Acties:

schizofreen

ik & jij

Topicstarter

ok, misschien begrijpen jullie mijn probleem nog niet helemaal, het is iig niet op te lossen met width en height van het Iframe op 100% te zetten

HTML:

<body>

<table border="1" width="100%" height="100%">
    <tr>
        <td width="20%">&nbsp;</td>
        <td width="*">
<iframe name="dinges" src="dingestest.html" height="100%" width="100%" marginwidth="0" marginheight="0" scrolling="no" frameborder="0"></iframe>
        </td>
        <td width="20%">&nbsp;</td>
    </tr>
<table>

</body>

Zorgt wel voor de juiste breedte van het Iframe (ook zodat het zich aanpast bij verschillende resoluties)

Maar ik wil juist dat hoogte van de cel gelijk is aan de hoogte van pagina die in de Iframe geladen . Nu heb ik een scrollloze Iframe in een cel.

laat ik nou toevallig toch een stift bij me hebben! - specs

donderdag 13 februari 2003 08:17

Acties:

akakiwi

I believe in the ruling class.

Wat je moet doen is het volgende.
Zorg eerst dat je precies weet uit welke elementen je pagina is opgebouwd.
Pak dan van alle elementen die RECHTSTREEKS in de body-tag hangen, de clientHeight, tel deze allemaal bij elkaar op, en set de hoogte van je IFRAME ermee.

TIP:Werk met DOM en document.getElementById
succes

| Life is a game (and games are fun) | homepage |

donderdag 13 februari 2003 19:52

Acties:

schizofreen

ik & jij

Topicstarter

akakiwi schreef op 13 februari 2003 @ 08:17:
Wat je moet doen is het volgende.
Zorg eerst dat je precies weet uit welke elementen je pagina is opgebouwd.
Pak dan van alle elementen die RECHTSTREEKS in de body-tag hangen, de clientHeight, tel deze allemaal bij elkaar op, en set de hoogte van je IFRAME ermee.

TIP:Werk met DOM en document.getElementById
succes

Nou die document.getElementById heb ik wel gebruikt, maar dat kreeg ik niet echt lekker. Bovendien moet je dan in elke pagina die je in het frame gaat laden een "hoogteteller" gaan bijhouden die dat moet gaan doorgeven aan het frame.
Ik hoop gewoon eigenlijk dat er een 'real-time' oplossing is die de hoogte van het iframe aanpast naar de inhoud van de geladen pagina. Dus ook dat als je een browservenster aan het resizen bent dat de lengte automatisch meeschuift.

laat ik nou toevallig toch een stift bij me hebben! - specs

donderdag 13 februari 2003 22:06

Acties:

wim__k

de hoofdpagina roept met de volgende code de iframe aan:

code:

<table border="0" cellpadding="0" cellspacing="0" width="685">
    <tr>
        <td name="itemTable">
            <iframe name="tabs" frameborder="no" scrolling="no" style="align: left; height: 100%; width: 100%;" src="url"></iframe>
        </td>
    </tr>
</table>

daarna wordt in de iframe source de volgende javascript onload geladen:

parent.document.all.itemTable.style.pixelHeight = document.body.scrollHeight;

dit is naar mijn weten de enige manier om dit op te lossen...

zondag 25 mei 2003 18:00

Acties:

Tusk

Sticky Bomb likes you!

en hoe dat dan?

<script language="JavaScript">
parent.document.all.itemTable.style.pixelHeight = document.body.scrollHeight;
</script>

?

*I asked for a shotgun, not an anti-aircraft!
- shotgun? that must be the guns that fire a shot....
*yes.. you must be the brains

zondag 25 mei 2003 23:34

Acties:

Hangloozz

{ @$%&# }

code:

1	<body onload="parent.document.getElementById('itemTable').style.pixelHeight = document.body.scrollHeight;">

www.jurgroessen.nl

zondag 25 mei 2003 23:40

Acties:

itsme

Misschien ben ik wel heel dom maaruh, is het niet makkelijker om de pagina IN de iFrame zich aan het iFrame te laten aanpassen ipv het iFrame aan de pagina???

Nothing to see here

maandag 26 mei 2003 00:32

Acties: