JavaScript viewport geeft: is null
Weten jullie wat hier mis gaat? Ik krijg een javascript foutmelding die zegt:
Fout: document.getElementById("inhoud") is null
Bron bestand: http://localhost/test/resolutie.js
Regel: 29
Hier het script:
Code (php)
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
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
var viewportwidth;
var viewportheight;
// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
if (typeof window.innerWidth != 'undefined')
{
viewportwidth = window.innerWidth,
viewportheight = window.innerHeight
}
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
else if (typeof document.documentElement != 'undefined'
&& typeof document.documentElement.clientWidth !=
'undefined' && document.documentElement.clientWidth != 0)
{
viewportwidth = document.documentElement.clientWidth,
viewportheight = document.documentElement.clientHeight
}
// older versions of IE
else
{
viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
viewportheight = document.getElementsByTagName('body')[0].clientHeight
}
document.getElementById('inhoud').style.width=viewportwidth - 241+'px';
var viewportheight;
// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
if (typeof window.innerWidth != 'undefined')
{
viewportwidth = window.innerWidth,
viewportheight = window.innerHeight
}
// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)
else if (typeof document.documentElement != 'undefined'
&& typeof document.documentElement.clientWidth !=
'undefined' && document.documentElement.clientWidth != 0)
{
viewportwidth = document.documentElement.clientWidth,
viewportheight = document.documentElement.clientHeight
}
// older versions of IE
else
{
viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
viewportheight = document.getElementsByTagName('body')[0].clientHeight
}
document.getElementById('inhoud').style.width=viewportwidth - 241+'px';
Ik kan de fout niet ontdekken!
En is dat element er al als het Javascript wordt uitgevoerd?
<div id="inhoud">
hallo
</div>
Code (php)
1
document.getElementById('inhoud').style.width=viewportwidth - 241+'px';
onder je html zetten.
Dus
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<div id="inhoud">
hallo
</div>
<script type="text/javascript">
document.getElementById('inhoud').style.width=viewportwidth - 241+'px';
</script>
hallo
</div>
<script type="text/javascript">
document.getElementById('inhoud').style.width=viewportwidth - 241+'px';
</script>
of die regel in een functie stoppen, en die functie openen onder dat stukje html
Gewijzigd op 01/01/1970 01:00:00 door Niek Weevers