ボタンをクリックすると、メッセージをお待ちください...のアニメーションGIFを取得するためにこの投稿を使用しようとしています。ただし、テストしているサンプルhtmlページを開くと、画像のあるボタンの代わりに入力ボックスが表示されます。
以下は私がテストページで試しているhtmlコードです。
<html>
<script type="text/javascript">
function loadSubmit() {
var ProgressImage = document.getElementById('progress_image');
document.getElementById("progress").style.visibility = “visible”;
setTimeout(function(){ProgressImage.src = ProgressImage.src},100);
return true;
}
</script>
<body>
<p style="visibility:hidden;" id="progress">
<img id="progress_image" style="padding-left:5px;padding-top:5px;" src="ajax-loader.gif" alt=""> Uploading in progress… </p>
<input class="contSubmit" onclick="return loadSubmit()" type=”button” src= "submitinfo_btn.png" />
</body>
</html>