Obrazek 'loading' przy ładowaniu pliku Opcje

[JamalBIG]

Witam

Czy poniższy kod jest poprawny? Mam z nim problem gdyż obrazek ładowania raz się pojawia a raz nie, prosił bym zweryfikowanie oraz wszelkie uwagi.

[HTML] pobierz, plaintext 
<script type="application/javascript">
function updatepicture() {
	var file_location = document.getElementById('ladowanie');
	file_location.innerHTML='<img align=absmiddle src="images/loading.gif" />';
}
</script>
<form method="post">
<span id="ladowanie"></span>
<input type="file" name="plik" onchange="updatepicture();this.form.submit();" />
</form>
[HTML] pobierz, plaintext 

Z góry dzięki za pomoc
Pozdrawiam

[darko]

Na pierwszy rzut oka brakuje cudzysłowie:
align=absmiddle
align="absmiddle"
Poza tym wartość atrybutu align nie jest zgodna ze standardami. Kolejna sprawa, to, nigdzie nie resetujesz zawartości spana, do którego wstawiasz kolejne obrazki, type dla tagu script powinno być text/javascript, a więc:

[HTML] pobierz, plaintext 
<script type="text/javascript">
function updatepicture() {
	var file_location = document.getElementById('ladowanie');
        file_location.innerHTML= '';
	file_location.innerHTML='<img align="absmiddle" src="images/loading.gif" />';
}
</script>
<form method="post">
<span id="ladowanie"></span>
<input type="file" name="plik" onchange="updatepicture();this.form.submit();" />
</form>
[HTML] pobierz, plaintext 

Obrazek powinien zostać zmieniony dopiero po wybraniu pliku z dysku, a nie od razu po naciśnięciu go, tak działa onchange w tym przypadku.

Ten post edytował darko 3.10.2012, 17:28:23