Versions-Historie des Beitrags „createAttribut is not a Function“

createAttribut is not a Function

bearbeitet von

Orlok 12.09.2015 20:54

Hallo

> ~~~js
> window.document.body = start("");
> function start(e) {
> var o = document.createElement("div");
> var att = document.createAttribute("style");
> att.value = "position: absolute; heigth: 100%; width: 100%; background-color: black;";
> o.setAttributeNode(att);
> var wrapper = document.getElementsByTagName("body")[0];
> wrapper.appendChild(o);
> };
> ~~~
> wrapper is undefined kmmt ne fehler meldung :/.

Das wundert dich?

Du überschreibst `body` mit einer Funktion und in dieser Funktion versuchst du dann `body` in einer Variablen zu speichern…

Wenn ich dich richtig verstanden habe, möchtest du, solange bis deine Seite vollständig geladen ist, einen _Platzhalter_ einblenden:

**HTML**

~~~ html
<body>
<div id="welcome">
Bitte gedulden Sie sich einen Moment: Die Seite wird noch geladen!
</div>

</body>
~~~

**CSS**

~~~ css
#welcome {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* usw… */
}

.invisible {
display: none;
}
~~~

**JavaScript**

~~~ javascript
window.addEventListener('load', function ( ) {
document.body.firstElementChild.className = 'invisible';
});
~~~

Allerdings könnte es sein, dass die Besucher deiner Seite _nicht_ so geduldig sind, wie du es vielleicht gerne hättest, weswegen ich mir an deiner Stelle noch einmal _gut_ überlegen würde, ob die ganze Sache in deinem Fall _wirklich_ sinnvoll ist…

Gruß,

Orlok

createAttribut is not a Function

bearbeitet von

Orlok 12.09.2015 20:59

Hallo > ~~~js > window.document.body = start(""); > function start(e) { > var o = document.createElement("div"); > var att = document.createAttribute("style"); > att.value = "position: absolute; heigth: 100%; width: 100%; background-color: black;"; > o.setAttributeNode(att); > var wrapper = document.getElementsByTagName("body")[0]; > wrapper.appendChild(o); > }; > ~~~ > wrapper is undefined kmmt ne fehler meldung :/. Das wundert dich? Du überschreibst `body` mit einer Funktion und in dieser Funktion versuchst du dann `body` in einer Variable zu speichern… Wenn ich dich richtig verstanden habe, möchtest du, solange bis deine Seite vollständig geladen ist, einen _Platzhalter_ einblenden: **HTML** ~~~ html <body> <div id="welcome"> Bitte gedulden Sie sich einen Moment: Die Seite wird noch geladen! </div>  </body> ~~~ **CSS** ~~~ css #welcome { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* usw… */ } .invisible { display: none; } ~~~ **JavaScript** ~~~ javascript window.addEventListener('load', function ( ) { document.body.firstElementChild.className = 'invisible'; }); ~~~ Allerdings könnte es sein, dass die Besucher deiner Seite _nicht_ so geduldig sind, wie du es vielleicht gerne hättest, weswegen ich mir noch einmal _gut_ überlegen würde, ob die ganze Sache in deinem Fall _wirklich_ sinnvoll ist… Gruß, Orlok