Animiertes Gif bleibt im IE stehen

S

sidewayz

Grünschnabel
Hallo,

ich habe ein Bilder-Upload Script geschrieben und würde gerne eine kleine gif Animation einblenden wenn der Upload gestartet wird. Gelöst habe ich das mit einer CSS Ebene in der sich das Bild befindet und die zunächst "hidden" ist. Beim absenden wird der Layer dann sichtbar. Das klappt auch in alles Browsern, nur im IE nicht....:rolleyes:

Der Aufruf
Code: 
<input type="submit" name="action" value="Bild hochladen" onclick="changevalue();">

Das Script
Code: 
function changevalue() {
    this.document.upload.action.value = "Bild wird hochgeladen...";
    document.getElementById('loading').style.visibility = "visible";
}

Der CSS Layer
Code: 
<div id="loading" style="float:right; visibility:hidden;"><img src="loading.gif"></div>

Jemand eine Idee? Oder ist das einfach nen Bug im IE?

Cya
 
Zuletzt bearbeitet:
Hallo,

ich habe die Lösung mittlerweile selbst rausgefunden, das Problem haben offenbar sehr viele Leute und es liegt definitiv am IE. Lösung ist das man zuerst das Gif anzeigen muss und anschließend den submit Befehl gibt.

Das JS

Code: 
var submitted = false;
function doSubmit() {
	if (! submitted) {
		submitted = true;
		ProgressImg = document.getElementById('inprogress_img');
		document.getElementById("inprogress").style.visibility = "visible";
		setTimeout("ProgressImg.src = ProgressImg.src",100);		
		return true;
		}
	else {
		return false;
		}
	}

Und der Aufruf und Grafik

Code: 
<input type="submit" name="action" id="action" value="Bild hochladen" onclick="return doSubmit()"> 
               
     
                <p style="visibility:hidden" id="inprogress">
    			Bitte warten...<img id="inprogress_img" src="loading.gif">
				</p>

Trotzdem danke für die Hilfe.

Cya
 
ComFreek hat gesagt.:
Laut SelfHTML ist onClick ein Universal-Attribut bzw. Event.
Zum Vergrößern anklicken....
Was du nicht sagst :D

Nur was nützt dir die graue Theorie, wenn der IE den onclick-Eventhandler nicht bei allen dort genannten Elementen interpretiert / ausführt, wie z.B. beim <option>-Element, was in der Vergangenheit u.a. diesem Forum eine Vielzahl an Themen beschert hat.

D'rum schrieb ich hier auch bewußt von einem Versuch, weil der "Platzhirsch" IE gerne und immer wieder auf's Neue für negative Überraschungen wegen seiner diversen Fehlinterpretaionen berühmt berüchtigt ist :rolleyes:

Wenn du hier schon den Eindruck erwecken willst, in der SELFHTML-Dokumentation sattelfest zu sein, wäre dir in der Vergangenheit beim Studium besagten Kapitels Event-Handler mit einer kleinen Prise Aufmerksamkeit eigentlich nicht entgangen, dass dort entgegen deiner (weit verbreiteten, weil von Dritten fehlerhaft übernommenen) Schreibweise, alle Event-Handler durchgängig kleingeschrieben vorgestellt werden.

Mit Blick auf ein XHTML-Dokument, für dessen Autor am Ende seines Schaffens ein regelkonformes (valides) Webdokument eine seiner Maximen ist, ein absolut wichtiger Aspekt, da hier im Gegensatz zu "HTML 4.01" alles zwingend klein zu schreiben ist, bei den HTML-Tags angefangen, bis hin zu allen Attributen und deren gesetzte Attributswerten - siehe SELFHTML: HTML/XHTML / XHTML und HTML / Unterschiede zwischen XHTML und HTML / Unterschied: Kleinschreibung.

Ansonsten wird dein Markup in dieser Form vom W3C-Validator fehlerhaft zurückgewiesen.
 
Zuletzt bearbeitet:
@spicelab:

Ich weiß, dass das klein geschrieben wird.
Aber meiner Meinung nach sieht es optisch besser aus, aber im Quelltext schreibe ich es natürlich klein ;)​
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück