Ladeanzeige mit <p> oder <img> Tags

[Rigo]

Hallo an alle,

Da ich in der Dokumentation nichts passendes gefunden habe, hier mein(e) Problem(e):

Ein Bild wird in einer HTML Seite geladen. Während des Ladevorgangs soll in einem <p>-Tag ein Text "Lade..." stehen -wenn der Ladevorgang abgeschlossen ist, soll der Text "Fertig." stehen.

Soweit recht simpel...

Für die Änderung des Textes hab ich mir schon eine Zeile zurechtgestrickt:
-------------------
document.getElementById("LadeStatus").innerText = "-";
-------------------
LadeStatus ist der <p>-Tag mit namen "neuerText".

Nur will seltsamerweise der Firefox diesen Befehl nicht annehmen (funzt nur mit dem IE), weis da jemand Rat bzw. einen anderen Weg?

Ok und ich habe versucht den Ladestatus des Bildes herauszufinden:
------------------
if(document.images["zuladendesBild"].complete == false)
{
document.getElementById("LadeStatus").innerText = "Lade...";
}
else
{
document.getElementById("LadeStatus").innerText = "Fertig";
}
------------------

Problem hier ist natürlich das er nur einmal abfragt und dann stehen bleibt... also müsste der Ladestatus meine Funktion irgendwie nochmal anstoßen und dem sagen, dass er den Text ändern soll... was kann ich da machen?

Grüßle
Rigo

[Struppi]

Für die Änderung des Textes hab ich mir schon eine Zeile zurechtgestrickt:

document.getElementById("LadeStatus").innerText = "-";

LadeStatus ist der <p>-Tag mit namen "neuerText".

Nur will seltsamerweise der Firefox diesen Befehl nicht annehmen (funzt nur mit dem IE), weis da jemand Rat bzw. einen anderen Weg?

innerText kennt nur der IE, aber beide kennen fistChild.data (dazu muss der Container aber schon am Anfang einen Inhalt haben z.b. &nbsp;)

Ok und ich habe versucht den Ladestatus des Bildes herauszufinden:

if(document.images["zuladendesBild"].complete == false)
{
document.getElementById("LadeStatus").innerText = "Lade...";
}
else
{
document.getElementById("LadeStatus").innerText = "Fertig";
}

.complete ist relativ unbrauchbar und funktioniert nicht in allen Browsern richtig.

es gibt den onload und onerror Event, mit dem du festellen kannst ob ein Bild geladen werden konnte oder nicht. Den Ladestatus kannst du allerdings mit JS nicht festellen.

Struppi.

[Cybaer]

Hi,

document.getElementById("LadeStatus").innerText = "-";
Nur will seltsamerweise der Firefox diesen Befehl nicht annehmen (funzt nur mit dem IE), weis da jemand Rat bzw. einen anderen Weg?

Nimm innerHTML statt innerText!

if(document.images["zuladendesBild"].complete == false)

Mittels onload bei den einzelnen images mitzählen, bis die endgültige Anzahl der images erreicht ist.

Und spätestens wenn der onload des BODY triggert, ist die Seite so oder so komplett. ;-)

Gruß, Cybaer