Bilder Upload geht nur im FF

[xXxPeterPanxXx]

Hallo,
ich habe ein Bildupload-Skript geschrieben und habe es dann getestet, im IE hat das aber nicht funktioniert. Beim drücken des Submit Buttons passiert gar nichts, nur ein Ladebild wird angezeigt. Ich habe gedacht, dass es ein normales Internet Explorer Problem ist, aber beim testen ist mir aufgefallen, dass es im Opera auch nicht funktioniert.

Valide ist der Code, auch sonst ist mir nichts aufgefallen. Seht ihr im Code einen Fehler?

<form method="post" action="http://www.little-coder.de/tools/online-bild-resizer/upload.php" enctype="multipart/form-data">
<fieldset class="upload-resizing">
<label for="file">Bitte wählen Sie ein Bild aus, welches resized werden soll:</label><input type="file" name="file" id="file"/>
<input type="submit" id="submit" name="submit" value="Bild hochladen" onclick="loading_func()"/>
<img id="loading" src="http://www.little-coder.de/images/ajax-loader.gif" alt="Ladebild" style="display:none;" />
</fieldset>
</form>

Online Bild-Resizer - Tools | Little-Coder.de

Gruß
xXxPeterPanxXx

 

[sysop]

onclick="loading_func()
wird wohl kaputt sein

 

[threadi]

Oder gibt einen nicht verarbeiteten return-Wert zurück.

 

[xXxPeterPanxXx]

Ihr habt Recht. Ich habe die JavaScript Funktion auskommentiert und der Upload geht, trotzdem stehe ich vor einem Rätsel, denn der JavaScript Code funktioniert. Es wird nur nicht auf die nächste Seite weitergeleitet.

Könntet ihr mir helfen? Ich habe bisher noch nie was mit JS gemacht. Meine JavaScript Fähigkeiten sind ausgereitzt. :)

Der Code sieht doch eigentlich richtig aus oder?

<script type="text/javascript">
function loading_func() {
document.getElementById("loading").style.display="block";
document.getElementById("submit").value ="Laden...";
document.getElementById("submit").disabled = "true";
}
</script>

 

[threadi]

Schuld sollte ein JavaScript-Fehler sein den Du an deiner JavaScript-Konsole sehen solltest. Denn

document.getElementById("submit").disabled = true;

schreibt man ohne die Anführungszeichen.

 

[xXxPeterPanxXx]

Schuld sollte ein JavaScript-Fehler sein den Du an deiner JavaScript-Konsole sehen solltest. Denn

document.getElementById("submit").disabled = true;

schreibt man ohne die Anführungszeichen.

Upps, hast natürlich Recht.

Daran, liegt es aber trotzdem nicht. Ich habe mal den Code entfernt, welcher den Button auf disabled setzen soll. Jetzt funktioniert es im Internet Explorer. Anscheinend werden die Daten nicht abgesendet, wenn der Button auf disabled ist.

Mal gucken ob ich den IE austricksen kann :)

Edit: Ich sitze echt auf dem Schlauch. Mit keinem JavaScript Event funktioniert es. Auch habe ich versucht mit SetTimeout() das Skript kurz anzuhalten, um die Daten abzuschicken und dann erst das Feld auf disabled zu setzen, aber geht leider nicht.

 

[struppi]

Fehlermeldung?

 

[xXxPeterPanxXx]

Fehlermeldung?

Sorry, vergesse ich immer wieder.

Ein Fehler wird nicht ausgeben. Wundert mich auch wenig, da es anscheinend das normale Browserverhalten ist, wenn der Button auf disable ist nichts abzuschicken. Ich werde jetzt einfach noch ein wenig testen und wenn ich keine Lösung finde ohne disable arbeiten. Über Vorschläge würde ich mich freuen :)

 

[struppi]

Sorry, vergesse ich immer wieder.

Ein Fehler wird nicht ausgeben.

Ein Fehler wird auch nicht ausgegeben, du weißt wo du die Meldungen findest?

 

[xXxPeterPanxXx]

Jo in der Fehlerkonsole.

 

[struppi]

Ok, ich seh's. Nimm nicht onclick sondern onsubmit des Formulars.

<form .... onsubmit="return loading_func(this)">

<script type="text/javascript">
function loading_func(form) {
// hier kannst du auf die Formularelement zugreifen.
// Achtrung, du musst aber den Namen benutzen. form.submit_name.disabled = true;
// Die ID kannst du dir sparen
}
</script>

 

[xXxPeterPanxXx]

Danke struppi,
der Upload geht jetzt. Ich habe schonmal onsubmit getestet, aber nur im submit Button.