Gif не загружается после отправки формы для определенных мобильных устройств / браузеров

Question

После того, как моя форма HTML отправлена, все данные обрабатываются и пользователь перенаправляется на новую страницу, где будут отображаться выходные данные. После отправки формы я хочу спрятать ее, а затем отображать gif обработки до тех пор, пока пользователь не будет перенаправлен.

Мой код работает на Chrome на компьютере. Но для мобильных браузеров весь код в displayProcessingGif() выполняется за исключением первой строки, которая должна отображать gif. Для Safari на компьютере не выполняется ни один из кодов в displayProcessingGif().

Любая помощь будет принята с благодарностью.

Answer 1

Изменение внутреннего html имеет свои проблемы. Почему бы вам не сменить имидж src?

<script type="text/javascript">
    function displayProcessingGif(){
        document.getElementById("processingImg").src='examplewebsite.com/examplegif.gif';
        document.getElementById("myForm").style.display="none";
    }
</script>

<div id="processingGif">
    <img src="" id="processingImg">
</div>