ようこそ「JavaScript/jQuery」へ...
jQueryを使用して[新規登録][更新]ボタンをクリックしたときに処理中のメッセージを表示する
Coming soon...
作成手順
Coming soon...
操作手順
-
サンプルが表示されたらこのページの先頭に表示されている「説明文の表示・非表示切り替え」をチェックして説明文を非表示にします。
これで処理中のメッセージが見える状態になります。
-
「Live DEMO」の表に黄色のボタンが２個表示されています。
まずは、[Update]ボタンをクリックします。メッセージ領域に処理中を示すGIFアニメーションと「Updating Row3... Please wait 3 seconds !」が表示されます。
3秒経過すると処理の完了を示す「The Row(3) has been updated successfully !」のメッセージが表示されます。
-
次に、[Add New]ボタンをクリックします。メッセージ領域に処理中を示すGIFアニメーションと「Adding Row10... Please wait 3 seconds !」が表示されます。
3秒経過すると処理の完了を示す「The Row(10) has been added successfully !」のメッセージが表示されます。