エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ボタンを押したらローディング(くるくる回るスピナー)を表示する(ローディング画像不要CSSのみ)
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
ボタンを押したらローディング(くるくる回るスピナー)を表示する(ローディング画像不要CSSのみ)
2018-11-26 703 1697 管理画面でユーザーに画像をアップさせる際、実行ボタンの2度押しを防ぐために必... 2018-11-26 703 1697 管理画面でユーザーに画像をアップさせる際、実行ボタンの2度押しを防ぐために必要なローディングの表示。 特に苦労せず設置ができたので、コードを紹介します。ローディング自体はCSSで完結します。画像不要なのが今回のミソです。ボタンを押したらローディング発動の部分だけjqueryです。 [デモサンプル] まずはbodyの下辺りにローディングのHTMLコードをコピペして、フォームのボタンに何らかのクラス名を付けてください。 <body> <!-- loding --> <div id="overlay"> <div class="cv-spinner"> <span class="spinner"></span> </div> </div> ・ ・ ・ <input type="button" class="btn" value="実行"> 次はCSSに以下