Toon posts:

iframe - hoogte probleem

Pagina: 1
Acties:
  • 130 views sinds 30-01-2008
  • Reageer

Verwijderd

Topicstarter
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
  • Registratie: September 2001
  • Laatst online: 03-01 16:54

creative8500

freedom.

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

  • Hangloozz
  • Registratie: Juli 1999
  • Laatst online: 03-02 22:51

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 :P

www.jurgroessen.nl


Verwijderd

Topicstarter
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
  • Registratie: Juli 1999
  • Laatst online: 03-02 22:51

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.

www.jurgroessen.nl


Verwijderd

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

  • Pelle
  • Registratie: Januari 2001
  • Laatst online: 09-05 10:20

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

Topicstarter
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
  • Registratie: Februari 2001
  • Laatst online: 07-05 09:01

Dark Blue

Compositionista!

Alpenmeisje

code:
1
2
3
4
5
6
<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?

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs


  • SchizoDuckie
  • Registratie: April 2001
  • Laatst online: 18-02-2025

SchizoDuckie

Kwaak

* 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 :{

Stop uploading passwords to Github!


  • Dark Blue
  • Registratie: Februari 2001
  • Laatst online: 07-05 09:01

Dark Blue

Compositionista!

Alpenmeisje

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.

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs


  • SchizoDuckie
  • Registratie: April 2001
  • Laatst online: 18-02-2025

SchizoDuckie

Kwaak

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

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

Stop uploading passwords to Github!


Verwijderd

Topicstarter
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

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

  • Clay
  • Registratie: Oktober 1999
  • Laatst online: 25-02 11:17

Clay

cookie erbij?

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<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>

?

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


Verwijderd

Topicstarter
Op maandag 29 april 2002 13:17 schreef Clay het volgende:
code:
1
.....

?
Dit werkt niet.
Mijn HTML pagina ziet er nu als volgt uit:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<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
  • Registratie: Oktober 1999
  • Laatst online: 25-02 11:17

Clay

cookie erbij?

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<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.

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


  • Tim
  • Registratie: Mei 2000
  • Laatst online: 04-08-2025

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

Topicstarter
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

Topicstarter
SSI... dat ondersteunt die server volgens mij niet....
Pagina: 1