Lade-Animation â la YT-Industries?

[aiimsh0ckz]

Moin Coder & Coderinnen.

Kurz und knackig, wie's der Titel sagt:

Wie bekommt man Lade-Animationen hin, die "abgespielt" werden, bis eine Seite geladen ist?



Kollege meinte, das sollte alles mit PHP/JS/Ajax gehen - er weiß aber nicht selbst wie und im Web werde ich darüber auch nicht schlüssig.

Kann mir da jemand helfen?

Greez, aiimsh0ckz.

[ElDiabolus]

Denke mal alles ausblenden, deine Warteanimation einblenden, dann mit JQuery auf

warten und dann wieder alles einblenden und die Warteanimation ausblenden. So würde ich es spontan probieren.

[turk55]

[Punisher.biz]

turk55, kompletter Schwachsinn.

ElDiabolus liegt da schon ganz richtig.

Würde aber nutzen.

[#Metho]

Sonst die Kompenenten in JavaScrpt:

um zu Prüfen, ob die Seite geladen wurde...

PHP Code:

window.onload = function () {} 


PHP Code:

window.addEventListener('load', function (e) { e.preventDefault(); } //Mit Standartangaben 


PHP Code:

window.attachEvent('load', function (e) { e.preventDefault(); } //Mit Standartangaben 


Um einen Setter oder Getter zu machen...

PHP Code:

Object.prototype.__defineGetter__ / Object.prototype.__defineGetter // Alternativ auch setzbar mit [ Object.defineProperty / get / set ] 


oder...

PHP Code:

window.firstPart = false; // <- global
window.secondPart = false; // <- global
 
firstSetter(); // firstSetter wird sofort ausgeführt
 
setTimeout(function() { secondSetter() }, 1000); // <- secondSetter wird nach einer Sekunde ausgeführt
 
function firstSetter() {
    window.firstPart = true;
 
    if (window.secondPart) startApplication() // Wenn secondPart == true ist, starte die Funktion start()
}
 
function secondSetter() {
    window.secondPart = true;
 
    if (window.firstPart) startApplication() // Wenn firstPart == true ist, starte die Funktion start()
}
 
 
function startApplication() {
    alert('Beide sind angekommen!') // Wird ausgeführt, wenn firstPart == true und secondPart == true
} 


Somit kannst du dies dann verbinden