jQuery

【jquery】DateTimePickerとFontAwesomeを導入

はじめに Font Awesomeを導入 CDN ダウンロード 好きなアイコンを探す datetimepickerを導入 CDN ダウンロード jquery moment.js tempusdominus-bootstrap-4 コード 基本的なコード カスタマイズ 参考URL

【Windows/IE】CSSやjQueryが読み込まれない!!解決

IEで動作確認って必要? IEでCSSやjQueryが読み込まれない 解決? キャッシュクリア アプリを同時に開かない

【jQuery】知っておきたいjQueryのメソッド

もくじ eqメソッド(指定インデックス番号の要素を取得) indexメソッド(インデックス番号を取得) prevメソッドとnextメソッド lengthメソッド(個数を取得) textメソッド(要素の文字列を取得/変更) 引数 指定 引数 未指定 attrメソッド(属性を取得/追…

【jQuery】formの確認画面をモーダルで出す

もくじ 完成図 HTML CSS white-space: pre-wrap; JavaScript(jQuery) .val() .find() .text() 「入力フォームに入力した内容を、送信する前に確認画面(モーダル)を出したい」 そんなときに、jQueryを使って入力内容を取得してモーダルに渡す方法をご紹介…

【jQuery/DataTables】行に応じて違うモーダル表示

以前投稿したこの記事にミスがあったので修正して動作確認もちゃんとしたものを再投稿します。 ↓この記事は失敗例としてご参考ください。。 bonoponz.hatenablog.com もくじ データの準備 HTML テーブル モーダル jQuery json の定義 DataTables クリックで…

【Laravel】DataTablesで、行クリックしてモーダル表示(jQuery)

この記事にはミスがあります。こちら↓を参考にしてください。 bonoponz.hatenablog.com もくじ テーブルの準備 以下は参考にしないで! クリック時にイベントを追加 モーダルを追加 確認 参考URL

【Laravel】DataTablesでjsonを読み込む(jQuery)

もくじ 前回のつづき jsonの作成〜読み込み jsonデータをテーブルに反映 tableタグの更新 参考URL

【Laravel】DataTablesを使う(jQuery)

もくじ DataTablesとは DataTablesを設置する準備(Laravelに導入) DataTablesを挿入 テーブル設置 DataTablesの反映 Controllerから配列を渡してforeachする インデックス番号を使ってソート オプション 注意点(カンマを忘れずに) lengthChange(表示件…

【jQuery】thisの構文

もくじ thisの構文 HTML jQuery $(this)を使う $(this)を使わないと パフォーマンス向上

【jQuery】基本のキ

もくじ jQueryを使う準備 ダウンロード CDN 基本構文 本来の構文 短縮系 $(function(){ 処理 });で囲む意味 jQueryの処理の記述方法 セレクタ メソッド 変数を使う メソッドチェーン よく使うメソッド cssメソッド hideメソッド fadeOutメソッド findメソッ…

(Laravel)WYSIWYG導入

WYSIWYG htmlが分からずとも書ける summernoteを使ってみる 必要なライブラリ Bootstrap 4を使う カスタマイズ 日本語版 参考URL WYSIWYG 「うぃじうぃぐ」と読みます。名前は初めて聞いたのですが、実物を見てみたら昔から馴染みのあるあいつでした。 これ…