Я столкнулся с этой проблемой при попытке показать загрузочный GIF во время обработки отправки формы. У него был дополнительный уровень веселья в том, что тот же пользователь должен был запустить валидатор, чтобы убедиться, что форма верна. Как и все остальные (в каждой публикации формы IE / gif в Интернете), я не мог заставить спиннинг загрузки «крутиться» в IE (и, в моем случае, проверять / отправлять форму). Просматривая рекомендации на http://www.west -wind.com , я нашел сообщение от ev13wt, в котором говорилось, что проблема заключается в том, что «IE не отображает изображение как анимированное, потому что оно было невидимым, когда оно было оказываемый «. Это имело смысл. Его решение:
Оставьте пустым, где GIF будет идти, и используйте JavaScript для установки источника в функции onsubmit - document.getElementById ('loadingGif'). Src = "путь к файлу GIF".
Вот как я это реализовал:
<script type="text/javascript">
function validateForm(form) {
if (isNotEmptyid(form.A)) {
if (isLen4(form.B)) {
if (isNotEmptydt(form.C)) {
if (isNumber(form.D)) {
if (isLen6(form.E)){
if (isNotEmptynum(form.F)) {
if (isLen5(form.G)){
document.getElementById('tabs').style.display = "none";
document.getElementById('dvloader').style.display = "block";
document.getElementById('loadingGif').src = "/images/ajax-loader.gif";
return true;
}
}
}
}
}
}
}
return false;
}
</script>
<form name="payo" action="process" method="post" onsubmit="return validateForm(this)">
<!-- FORM INPUTS... -->
<input type="submit" name="submit" value=" Authorize ">
<div style="display:none" id="dvloader">
<img id="loadingGif" src="" alt="Animated Image that appears during processing of document." />
Working... this process may take several minutes.
</div>
</form>
Это хорошо работает для меня во всех браузерах!