formularz z progress barem w postaci gif

0

Witam, mam taki formularz: http://www.bylwypadek.pl/lukasz/formularz-kontaktowy-zalacznik/formularz.php

w Chrome działa dobrze, w Firefoxie też, lecz w IE nie rusza się gif

kod progress bara, ten kod działa w IE i po kliknięciu Upload gif się rusza:

 <button type="submit" name="submit" onclick="document.getElementById('jakasNazwa').style.display='block'" >Wyślij formularz</button>
<div id="jakasNazwa" style="display:none;">
<br />
Proces przesyłania formularza w toku...
<br />
<img src="pasek.gif" />
 
</div>

Link do formularza bez uploadu plików: http://www.bylwypadek.pl/lukasz/formularz-kontaktowy-zalacznik/test.php

Z tym że jak ten kod dam do formularza gdzie uploaduje sie pliki, właśnie do tego: http://www.bylwypadek.pl/lukasz/formularz-kontaktowy-zalacznik/formularz.php to tak jak mówiłem, w Chromie i Firefoxie działa, natomiast w IE nie.

Z kolei jak ten kod dam do formularza bez uploadu plików to gif rusza się nawet w IE

kod formularza z uploadem plików, tutaj gif się nie rusza:

 <form name="formularz" class="zglos" enctype="multipart/form-data" method="post" action="kontakt.php">
<input type="hidden" name="wyslano" value="tak" />
<input type="hidden" name="MAX_FILE_SIZE" value="4194304" />
<table>
<tr><td>Imię i Nazwisko:</td><td><input type="text" name="imie_nazwisko" placeholder="Jan Kowalski" required /></td></tr>
<tr><td>Nazwa firmy:</td><td><input type="text" name="nazwa_firmy" placeholder="Twoja firma" required /></td></tr>
<tr><td>Miejscowość:</td><td><input type="text" name="miejscowosc" placeholder="Warszawa" required /></td></tr>
<tr><td>Kod pocztowy:</td><td><input type="tel" name="kod_pocztowy" pattern="[0-9]{2}-[0-9]{3}" placeholder="05-564" /></td></tr>
<tr><td>Ulica:</td><td><input type="text" name="ulica" placeholder="Zaciszna" /></td></tr>
<tr><td>Telefon:</td><td><input type="tel" name="telefon" pattern="[0-9]{9}" placeholder="123456789" /></td></tr>
<tr><td>E-mail</td><td><input type="email" name="email" placeholder="[email protected]" required /></td></tr>
<tr><td>Interesuje mnie ubranie:</td><td>
<select name="ubranie">
                                 <option>kwasoochronne</option>
                                 <option>chroniące przed chemikaliami</option>
                                 <option>kwasoochronne antyelektrostatyczne</option>
                                 <option>chroniące przed chemik. antyelektrost. niepalne dla spawaczy</option>
                                 <option>chroniące przed chemikaliami ciepłochronne</option>
                                 <option>antyelektrostatyczne</option>
                                 <option>niepalne i dla spawacza</option>
                                 <option>dla spawacza</option>
                                 <option>niepalne</option>
                                 <option>ciepłochronne</option>
                                 <option>inne</option>
</select>
</td></tr>
<tr><td>Typ ubrania: </td><td>
<select name="typ">

                                 <option>spodnie do pasa, bluza prosta</option>
                                 <option>spodnie do pasa, bluza prosta ze wzmocnieniami</option>
                                 <option>spodnie ogrodniczki, bluza szwedka</option>
                                 <option>spodnie ogrodniczki, bluza szwedka ze wzmocnieniami</option>
                                 <option>spodnie ogrodniczki, bluza 3/4</option>
                                 <option>spodnie ogrodniczki, bluza 3/4 ze wzmocnieniami</option>
                                 <option>bluza 3/4, spodnie do pasa</option>
                                 <option>bluza 3/4, spodnie do pasa ze wzmocnieniami</option>
                                 <option>inne</option>
                               </select>
</td></tr>
<tr><td>Ilość sztuk: </td><td><input type="number" name="ilosc_sztuk" min="1" max="100" /></td></tr>
<tr><td>Załącznik(max 4 mb): </td><td><input name="userfile" type="file" /><input type="button" value="X" onclick="document.formularz.userfile.value = ''"></td></tr>
<tr><td>Załącznik(max 4 mb): </td><td><input name="userfile1" type="file" /><input type="button" value="X" onclick="document.formularz.userfile1.value = ''"></td></tr>
<tr><td>Uwagi: </td><td><textarea name="uwagi" cols="30" rows="8" required></textarea></td></tr>
</table>
<table class="submit">
<tr><td><button type="submit" name="submit" onclick="document.getElementById('jakasNazwa').style.display='block'" >Wyślij formularz</button></td></tr>
</table>
</form>
<div id="jakasNazwa" style="display:none;">
<br />
Proces przesyłania formularza w toku...
<br />
<img src="pasek.gif" />
 
</div>

Moje pytanie brzmi, czy można jakoś zmienić kod by po przycisku upload gif ruszał się nawet w IE podczas ładowania załączników ?

0

może spróbuj zamiast img utworzyć element np span, i w cssach ustaw mu wymiary (no i display) oraz tego gifa jako tło.

swoją drogą - choć nie wypełniłem formularza jak trzeba (walidacja html5 mnie zatrzymała) to pasek i tak się pokazał.

1 użytkowników online, w tym zalogowanych: 0, gości: 1