Ladeanzeige während Upload

Hallo Leute,

ich habe auf meiner Homepage ein Upload Formular mit einem Button ganz unten :smiley:

Ich wollte mal Fragen, ob es möglich ist bei klick auf den „Upload“ Button den Button auszublenden und mit einer animierten GIF Grafik auszutauschen z.B. Lade… und dann son schönes drehendes Rädchen :p .

Wie mache ich das jetzt ? Geht das überhaupt ? Die Grafik braucht keinen Timeout, man wird automatisch auf eine „Erfolgreich hochgeladen…“ Seite weitergeleitet sobald der Upload fertig ist.

Hilfe ! :wink:

<form onsubmit="document.getElementByID('upload_img').src='pic2.png'">
<button type="submit" name="upload"><img id="upload_img" src="pic1.png" alt="" /> Hochladen!</button>
</form>

Schonmal danke für die antwort aber jetzt wird die Grafik dauerhaft auf dem Button angezeigt auch bevor geklickt wurde…

Ja, die mit pic1.png benannte - aber im Beispielcode kommen zwei Grafikressourcen drin vor …

Das hab ich wohl gesehen, es passiert trotzdem nichts nachdem man auf “Hochladen” klickt. Das Script funktioniert und die Dateien kommen auch an aber die grafik wird nicht angezeigt.

hier sind doch keine uploads erlaubt, oder?

Filehoster - nein…
Wer sagt aber, dasse r nen filehoster macht - und wer sagt, dass er es hier hostet?

zurück zum Problem:
michi7x7 schieb:

[code]
Hochladen!

[/code] versuch mal das: [code] Hochladen! [/code] [i]getElementBy[u]I[b]D[/b][/u][/i] gibts nicht...