これは jQuery を介して行うことができます。ボタンに ID を付与します。次に、ボタンに onClick イベントを設定します。ページのどこかに<div>
、テキストを含むa を配置しますLoading... Please wait
。(アニメーション gif を追加することもできます。) デフォルトでは、これを<div>
非表示にします。次に<div>
、ユーザーがボタンをクリックしたときに表示されるように設定します。
<div id="load"> <img src="loading.gif"/> Loading... Please wait</div>
<button id='buttonID'>Button</button>
$(document).ready(function (){
//This line below would hide the div when the page load by default
$('#load').hide();
//This would display when the user clicks the button
$('#buttonID').click(function (){
$('#load').show();
});
});