iframe - hoogte probleem

[Verwijderd]

Ik wil in een pagina een andere pagina (van een ander domein) met een eigen scrollbar laten scrollen.
Dit doe ik met behulp van iframe.

Enige nadeel is dat ik de te scrollen pagina een vaste hoogte moet geven; is er een manier om de hoogte van de pagina uit te lezen?

[creative8500]

Even heel vaag: je kunt de documentHeight ofzo uitlezen, en de hoogte tag van de iframe aanpassen.

[Hangloozz]

en heb je ook al getest of je die andere pagina kan besturen met JS?
In principe kun je een document van een ander domein niet beinvloeden met JS...

nou is daar wel een workaround voor hoor

[Verwijderd]

Document height uitlezen, ja maar hoe?

Dit moet trouwens wel dynamisch gebeuren, want de uit te lezen pagina is variabel in hoogte (kan dus verschillen per keer).

[Hangloozz]

Op woensdag 17 april 2002 14:37 schreef Rubbertje het volgende:
Document height uitlezen, ja maar hoe?

foei! heb je nog niet gezocht?
is zat over te vinden...tsjek hier.

[Verwijderd]

Ja, hoogte uitlezen zelf is wel misschien wel mogelijk, maar hoe pas ik deze dan automatisch toe in de iframe?

[Pelle]

Op woensdag 17 april 2002 14:47 schreef Rubbertje het volgende:
Ja, hoogte uitlezen zelf is wel misschien wel mogelijk, maar hoe pas ik deze dan automatisch toe in de iframe?

Post eens wat code, en je vermoedelijke oplossingen. We zijn hier niet van de werkverschaffing zou mijn moeder zeggen.

[Verwijderd]

Op woensdag 17 april 2002 14:58 schreef Pelle het volgende:
Post eens wat code, en je vermoedelijke oplossingen. We zijn hier niet van de werkverschaffing zou mijn moeder zeggen.

Op dit moment ziet de code er aldus uit;

<iframe src="http://www.aaa.nl/uittelezenpagina.html" frameborder=0 scrolling=no width=868 height=570 marginwidth=0 marginheight=0></iframe>

Maar die height van 570 moet dus eigenlijk uitgelezen worden van de betreffende pagina-hoogte.

Oplossingen.... tja, die heb ik dus neit, daarom vraag ik het hier.

[Dark Blue]

code:

<iframe 
src="http://www.aaa.nl/uittelezenpagina.html" 
frameborder=0 scrolling=no 
width=868 height=570 
marginwidth=0 marginheight=0>
</iframe>

Je moet dat zooitje even tussen Javascript tags zetten en dan dus dan alle HTML erin; op de plek achter 'Height' zet je geen statisch getal, maar de variabele $hoogte.

Die variabele laat je bovenaan de pagina berekenen door iets van document.Height ofzo en dan $hoogte = document.Height - 10 ...
...en dát getal wordt dan weer in het Iframe aangeroepen. Zo is je Iframe dan altijd 10px kleiner dan je pagina. Maar ik weet dus niet of het document.Height is

Is er iemand in de zaal die dit begrijpt, wél Javascript kan en dit even wat duidelijker er neer kan zetten?

[SchizoDuckie]

* SchizoDuckie heeft net ff gerommeld, en ik denk dat het errug moeilijk gaat worden om dit te fix0ren aangezien je geen properties mag opvragen van de body van een iframe

[Dark Blue]

Ok... Ik zie het al... ik dacht dat je van de pagina waaróp het iframe staat, de hoogte wou weten, zodat de pagina zelf niet zou scrollen als er ook al een i-frame in stond. Maar waarom wil je een iframe even hoog als de pagina? Hij mag toch wel scrollen...

...ik dacht juist dat je wilde dat de page eromheen stil bleef staan.

[SchizoDuckie]

U vraagt, wij rommelen (voor deze ene keer dan )

Aangezien je geen properties van de body van het iframe mag aanspreken, zal je je page zelf die waarde terug moeten laten schoppen.

zie hier voor een voorbeeld:

http://www.nvlf.nl/beehive/blaat.html

[Verwijderd]

Hmmm, ik begrijp niet al het commentaar wat hier staat.

Het zit als volgt:
Ik wil een bepaalde pagina (dus van een ander domein) op mijn pagina / site hebben. Die mag dus best scrollen (moet zelfs), maar ik wil hem alleen verticaal laten scrollen en ik wil mijn eigen scrollbarkleuren meegeven.

Dit doe ik dmv een iframe te laden. Dit iframe is dus even hoog als de pagina zelf.

Alleen het probleem is nu dat ik dit iframe zelf wel een height mee moet geven, wil hij de hele pagina kunnen laten scrollen en dus laten zien.
Hoe stel ik deze height nu zo in, dat hij automatisch de hoogte pakt die die pagina heeft?

(Ik hoop dat dit enigzins duidelijk is.....)

[Verwijderd]

Ik ben er nog steeds niet uit.... wie wel?

[Clay]

code:

<html>
<head>

<script language="javascript">

function setFrameSize() {
    height = document.body.clientHeight;

    document.all['tester'].style.height = height-40
}

</script>

<style type="text/css">
#tester {position:absolute; left:20; top:20; width:480; }
</style>

</head>
<body onload="setFrameSize()" onresize="setFrameSize()">

<iframe id="tester">


</iframe>

</body>
</html>

?

[Verwijderd]

Op maandag 29 april 2002 13:17 schreef Clay het volgende:

code:

.....

?

Dit werkt niet.
Mijn HTML pagina ziet er nu als volgt uit:

code:

<HTML>

<head>
<title>....</title>

<link rel="stylesheet" type="text/css" href="sbstyle.css">

<script language="javascript">

function setFrameSize() {
    height = document.body.clientHeight;

    document.all['tester'].style.height = height
}

</script>



</head>

<body onload="setFrameSize()" onresize="setFrameSize()">

<iframe id="tester" src="http://www.....nl/...html"
frameborder=0 scroling="no" width=868 marginwidth=0 marginheight=0>

</iframe>

</body>
</HTML>

Maar hij wil nog steeds niet goed scrollen.
Doe ik soms toch iets fout?

[Clay]

code:

<HTML>
<head>
<title>....</title>

<style type="text/css">
#tester {position:absolute; left:20; top:20; width:480; }
</style>


<script language="javascript">

function setFrameSize() {
    height = document.body.clientHeight;

    document.all['tester'].style.height = height - 40
}

</script>


</head>

<body onload="setFrameSize()" onresize="setFrameSize()">

<iframe id="tester" src="http://www.nu.nl"
frameborder=0 marginwidth=0 marginheight=0>

</iframe>

</body>
</HTML>

evt overflow-y:hidden; in je css doen. werkt prima.

[Tim]

Dat kan niet, je kan met js geen pagina's van een ander domein beinvloeden, en dat houd dus in dat je ook niet de hoogte kan aflezen..

Maar na het lezen van dit hele stuk begrijp ik eigenlijk niet waarom je die pagina niet gewoon include?

[Verwijderd]

Op maandag 29 april 2002 16:14 schreef Timpie het volgende:
Dat kan niet, je kan met js geen pagina's van een ander domein beinvloeden, en dat houd dus in dat je ook niet de hoogte kan aflezen..

Maar na het lezen van dit hele stuk begrijp ik eigenlijk niet waarom je die pagina niet gewoon include?

Ik beinvloed die andere pagna toch niet?
Ik geef hem alleen weer op mijn eigen pagina, maar dan ook met mijn eigen scrollbalken.

En wat bedoel je precies met includen?

Clay:
Jouw oplossing werkt slechts deels, want ik kan nog steeds niet scrollen met mijn eigen scrollbalken.
Daarnaast had ik al een body {overflow-x:hidden;} opgenomen in mijn stylesheet, maar dat werkt nu ook niet meer.

[Verwijderd]

Op maandag 29 april 2002 16:29 schreef Rubbertje het volgende:

[..]

En wat bedoel je precies met includen?

Volgens mij dit:

zet de volgende code op de plaats waar je de pagina wilt laten verschijnen, desnoods in een divje

<!--#virtual include file="http://www.naam.com/pagina.html"-->

Je server moet dan wel SSI ondersteunen

[Verwijderd]

SSI... dat ondersteunt die server volgens mij niet....