0

ボタンをクリックすると、メッセージをお待ちください...のアニメーション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>
4

3 に答える 3

2

このようにコードをコピーして貼り付ける場合は注意が必要です。これは間違っています:

type=”button”

これは正しいです:

type="button"

違いに気づきましたか?これは、コードの適切なフォーマットが有効になっていないWebサイトからコードをコピーした場合に発生します。

于 2012-11-26T19:42:54.900 に答える
1

チュートリアルによると、入力は「ボタン」ではなく「画像」タイプである必要があります。

于 2012-11-26T19:44:34.823 に答える
0

inputタイプをに変更しますimage。はsrcに対してのみ有効ですimage

また、問題は「お待ちください」のアニメーションGIFとは関係がないようです。そのため、タイトルが誤解を招く可能性があります。

于 2012-11-26T19:45:09.070 に答える