H2O: Seiteninhalt vergrößern

Beitrag lesen

Hallo.

Hallo. Auf die Gefahr, dass ich jetzt langsam nerve:

Tust du nicht. Jeder fängt so an (fast jeder *g*).

Vielen Dank für den zweiten Tipp.

Kein Problem.

Das funktioniert. Die if-Bedingung funktioniert also.

Gut, damit gibt es da schon mal keinen Fehler.

Klar! Wie komme ich denn auf ById?

Da haben wir wohl beide nicht aufgepasst.

Jetzt erhalte ich aber den Fehler:
'document.getElementsByTagName("body")[0].style' ist Null oder kein Objekt

Gut, suchen wir weiter die Fehlerquelle:
Das bedeutet also, dass der body nicht (bzw. noch nicht) vorhanden ist.
Woran kann das liegen?

  • Der body könnte wohl möglich noch gar nicht geladen sein.

Was ist denn nun falsch? Ich hab's auch schon über
if(screen.width >= 1024) {
document.getElementsById("body")[0].style.fontSize = "150%";

Das ist sinnlos, denn den body über eine id anzusprechen ist nicht möglich und dann müsste auch die [0] dahinter weg:
http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id

probiert. Ich bekomme aber immer noch die gleiche Fehlermeldung.

Ich nehme an dein Script sieht momentan ungefähr so aus:
<script type="text/javascript">
<!--
if (screen.width >= 1024) {
document.getElementsByTagName("body")[0].style.fontSize = "150%";
}
// -->
</script>

Gut, dann hast du es warscheinlich im head eingebunden, oder?
Das ist nähmlich nicht so gut, weil der body dann noch gar nicht geladen ist, wenn dieses Script aufgerufen wird.
Also versuchen wir es so:

<script type="text/javascript">
<!--
function gros() {
if (screen.width >= 1024) {
document.getElementsByTagName("body")[0].style.fontSize = "150%";
}
}
// -->
</script>

Und dein body-Tag sieht so aus:
<body onload="gros();">

Das ist sicher, denn durch onload stellst du vorher fest, dass das Dokument geladen wurde.

Funktioniert es nun?

Ich hoffe ich konnte helfen, H2O

--
#*~!:     Endlich Ferien.
Selfcode: ie:% fl:| br:^ va:| ls:# fo:) rl:? n4:| ss:{ de:] js:) ch:? sh:( mo:? zu:)
Infos:    http://emmanuel.dammerer.at/selfcode.html