Toon posts:

W3C: IFrame hoogte aanpassen aan content

Pagina: 1
Acties:

maandag 20 december 2004 09:44

Acties:

Verwijderd

Topicstarter
Ik probeer met mijn pagina aan de w3c standaard te voldoen. Nou heb ik een script gemaakt die de hoogte van een iframe aanpaste aan de inhoud. Dit werkte perfect!

Ik maakte gebruik van de "onload" functie in een iframe. Nu schijnt deze functie alleen ondersteunt te worden door modzilla en internet explorer. En zal dit dus anders moeten doen om aan de W3C standaard te voldoen.

Ik heb met google de boel afgezocht maar kon niets werkends vinden. Ik heb nu een script dat de hoogte wel vergroot maar niet verkleint :(

De script met document.body.scrollHeight werken toch niet helemaal zoals het zou moeten.
Heeft iemand een beter script ? Liefst in ASP/VB.

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
  <title>homepage</title>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <meta http-equiv="Content-language" content="en">
  <link rel="stylesheet" type='text/css' href="css/home.css">
</head>


<body>

<script language="vbscript" type="text/vbscript" src="scripts/menu.asp"></script>

<div id="page">
  <div id="top">
    <iframe name="top" width="762" height="80" src="top.html" frameborder="0"></iframe>
  </div>
  
  <div id="nav">
        <a class="nav" href="home.html" target="inhoud"> Home </a>|
        <a class="nav" href="linkje" target="inhoud"> Adressen </a>|
        <a class="nav" href="linkje" target="inhoud"> Agenda </a>|
        <a class="nav" href="linkje" target="inhoud"> Vacatures </a>|
        <a class="nav" href="linkje" target="inhoud"> Sitemap </a>|
        <a class="nav" href="linkje" target="inhoud"> Zoeken </a>|
        <a class="nav" href="linkje" target="inhoud"> Webmail </a>|
        <a class="nav" href="linkje" target="inhoud"> Inloggen </a>
  </div>

  <div id="left">

    
    <table cellpadding="2" width = "100%">
  
    <!-- Hier begint menu School -->

    <tr><td class="Headschool"  onclick="ShowHide(0)">De School</td></tr>
    <tr>
    <td>

    <div id="link0" class="LINKSOFF">
      <a class="menu" href="sub/adressen.html" target="inhoud">Adressen en bereikbaarheid</a><br />
      <a class="menu" href="sub/history.html"  target="inhoud">Historie</a><br />
      <a class="menu" href="linkje"        target="inhoud">Bestuurlijke stuctuur</a><br />
      <a class="menu" href="linkje"        target="inhoud">Missie en koers</a><br />
      <a class="menu" href="linkje"        target="inhoud">Begeleiding</a><br />
      <a class="menu" href="linkje"        target="inhoud">Kwaliteit</a><br />
    </div>
    </td>
    </tr>


    <!-- Hier begint menu Groep 8 -->
    <tr><td class="Headgroep8" onclick="ShowHide(1)">Voor groep 8</td></tr>
    <tr>
    <td>

    <div id="link1" class="LINKSOFF">
      <a class="menu" href="linkje" target="inhoud">Welkom</a><br />
      <a class="menu" href="linkje" target="inhoud">Brugklassen</a><br />
      <a class="menu" href="linkje" target="inhoud">Vakken</a><br />
      <a class="menu" href="linkje" target="inhoud">Begeleiding</a><br />
      <a class="menu" href="linkje" target="inhoud">Activiteiten</a><br />
      <a class="menu" href="linkje" target="inhoud">Bereikbaarheid</a><br />
      <a class="menu" href="linkje" target="inhoud">Open dagen</a><br />
    </div>
    </td>
    </tr>

    <!-- Hier begint menu Nieuws -->
    <tr><td class="Headnieuws" onclick="ShowHide(2)">Nieuws</td></tr>
    <tr>
    <td>

    <div id="link2" class="LINKSOFF">

      <a class="menu" href="linkje" target="inhoud">Brugklas-plus</a><br />
      <a class="menu" href="linkje" target="inhoud">Sportklas</a><br />
      <a class="menu" href="linkje" target="inhoud">Kunst- en cultuurlijn</a><br />
      <a class="menu" href="linkje" target="inhoud">Bovenbouw VMBO-T</a><br />
      <a class="menu" href="linkje" target="inhoud">Gymnasium</a><br />
      <a class="menu" href="linkje" target="inhoud">Bovenbouw HAVO/VWO</a><br />
      <a class="menu" href="linkje" target="inhoud">Archief</a><br />
    </div>
    </td>
    </tr>

    </table>
  </div>
        
  <div id="center">
     <iframe name="inhoud" id="inhoud" width="100%" height="410" src="home.html" scrolling="no" frameborder="0"></iframe>
  </div>

  <div id="bottom">
    <a class="nav" href="**********" title="********">© *******</a>
  </div>
</div>

</body>
</html>

maandag 20 december 2004 09:48

Acties:
  • André
  • Registratie: Maart 2002
  • Laatst online: 18-05 16:30

André

Analytics dude

Verwijderd schreef op maandag 20 december 2004 @ 09:44:

De script met document.body.scrollHeight werken toch niet helemaal zoals het zou moeten.
Heeft iemand een beter script ? Liefst in ASP/VB.
ASP gaat niet werken aangezien je daarmee niet de hoogte van een document op kunt vragen. VBScript wil wel maar ik zou toch echt JavaScript aanraden.

En waarom zet je de onload dan niet gewoon op de body ipv op het iframe?

maandag 20 december 2004 09:52

Acties:
  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

Overigens als je gaat [search=javascript iframe height[/] vind je ook de nodige resultaten aangaande jouw beschreven situatie. Dan vind je ook onderstaander reactie waarin André een oplossing aandraagt:

[rml]André in "[ opera/javascript] Iframe hoogte aanpass..."[/rml]

maandag 20 december 2004 10:03

Acties:

Verwijderd

Topicstarter
Hmm ja... Dat dacht ik dus al ... Dit werkt dus niet:

function setIFrameHeight()
{
var oIFrame=window.frameElement;
oIFrame.height = document.body['scrollHeight'];
}

<body onLoad="setIFrameHeight()">

maandag 20 december 2004 10:06

Acties:
  • X-Lars
  • Registratie: Januari 2004
  • Niet online

X-Lars

Just GoT it.

Volgens mij kom je met "W3C" in je titel al bijna automatisch in W&G terecht ;)

maandag 20 december 2004 10:22

Acties:
  • Creepy
  • Registratie: Juni 2001
  • Laatst online: 20:44

Creepy

Tactical Espionage Splatterer

X-Lars schreef op maandag 20 december 2004 @ 10:06:
Volgens mij kom je met "W3C" in je titel al bijna automatisch in W&G terecht ;)
Yups :)

* Creepy gooit het topic over de schutting..

P&W -> W&G

"I had a problem, I solved it with regular expressions. Now I have two problems". That's shows a lack of appreciation for regular expressions: "I know have _star_ problems" --Kevlin Henney

maandag 20 december 2004 10:29

Acties:
  • crisp
  • Registratie: Februari 2000
  • Laatst online: 21:59

crisp

Devver

Pixelated

Als je aan standaarden wilt voldoen gooi dat vbscript dan maar de deur uit aangezien dat enkel en alleen in internet explorer zal gaan werken...

Intentionally left blank

Pagina: 1
Reageer