HomeMadeGarbage Loading

jQuery

ホーム
電子工作
Raspberry Pi
IOT
音楽
Home > jQuery
[JavaScript] 期間の重複チェック

期間Aと期間Bを比較して、重複があるかチェックするIFメモ [crayon-62c15877164aa727008589/] 下記いずれかの条件に当てはまる 期間Aの開始日は、期間Bの範囲内(期間Bの開始日以上&終了日以下)にある 期間Aの終了日は、期間Bの範囲内(期間Bの開始日以上&終了日以下)にある 期間Aの開始日も終了日も、期間Bの範囲外 (期間Aの開始日は期間Bの開始日以前 & 期間Aの終了日は期間Bの終了日以降)にある  ※期間Aが期間B...

Web 2019.8.21 お母ちゃん

on.(“click” で設定されたイベントを取得、処理を挿入し、再設定する

こちらの記事を参考にさせて頂きました。 Check! jQuery ですでに登録されているイベントを取得し、割込ませたりするメモ next が上手く動作出来なかったので下記の形で再設定しました。 [crayon-62c158771697a438350778/]   ※私が next で動かなかった理由は 元の処理の中にthisが使われていたからのようでした。...

Web 2019.8.16 お母ちゃん

WordPress:コメントの項目名をjQueryで変更

コメント の項目に「任意」を追加するのに、WP側の修正は少し面倒そうだったので jQueryで変更しました。 「コメント」以外に(任意)を追加する [crayon-62c1587716baf430347991/] 各項目テキストを個別で変更する場合 [crayon-62c1587716bb3360659437/]    ...

Web 2018.11.6 お母ちゃん

横幅いっぱいmp4のレスポンシブ背景(キービジュアルなど)

video タグだと Chrome で動かなかったので video.js を使いました。 video.js Video.js: The Player Framework  CDNを利用する場合 head  [crayon-62c1587716da9458288341/] body の上 [crayon-62c1587716dad315648034/] HTML [crayon-62c1587716daf371700374/] CSS [crayon-62c1587...

Web 2018.8.21 お母ちゃん

動的追加要素の読み込み完了後にイベント追加

jQuery によって追加された iframe 読み込み完了後にイベントを登録したいけど、タイミングによってまちまちだったので下記の形で対応。 [crayon-62c1587716fb9500740548/]...

Web 2017.10.30 お母ちゃん

Instagram API + Slider Pro で インスタグラムの最新フィードをスライダー表示

HPのサイドバーにインスタグラムのカルーセルを埋め込みました。→ PHP [crayon-62c1587717163145254693/] jQuery [crayon-62c1587717167816245431/] ※ エンターキーでページ遷移するようになってしまった 最初、ページを開いた後にエンターキーを押すとインスタグラムのページに遷移するようになってしまって困った。 コメント欄や検索欄の Enter も飛ばされる…。 原因は Slider Pro はデフォルトでキーボー...

Web 2017.6.26 お母ちゃん

jQuery : 背景画像のクロスフェード (プラグイン無し)

プラグイン無しでやる、メモメモ???????? See the Pen xdZKBr by HomeMadeGarbage (@hmg) on CodePen. CodePen 楽しい!(初めて使った) 参考にさせて頂きました jQueryで背景画像をフェードイン・フェードアウト   HTML側で画像を指定する形 2017.07.03 追記 HTML [crayon-62c158771784d386887448/] CSS [crayon-62c15877178...

Web 2017.4.19 お母ちゃん

MTの投稿画面で特定のカテゴリを非表示にする [MTAppjQuery]

MTで、MTAppjQueryを使い投稿画面から特定のカテゴリを隠す [crayon-62c1587717d2d707584167/] setTimeout は VirtualBox の Windows IE で上手く動かなかった為 #category-list ul li が CSS なのは .hide() だと カテゴリ選択欄を開いた時に表示されてしまう為 もっと良いやり方がありそう…...

Web 2016.12.22 お母ちゃん

Slider Pro カスタマイズ:スライダーが2枚の時に対応

Slide Proで、スライダーが2枚の時に上手く動かなかったので、調整しました。 通常、2枚の時 ノーマルスライダー 一瞬消える 100%のスライダー 左側が空白になる   カスタマイズ Demo ノーマルスライダー スムーズにスライド 100%のスライダー 左側にも表示 コード HTML [crayon-62c1587717f16061088853/] ...

Web 2016.12.1 お母ちゃん

Foundation 6 : jQuery で追加した data-equalizer-watch 要素の高さ揃え

そのままでは高さが揃わないので、 追加した要素に new Foundation.Equalizer(element).applyHeight(); を追加する [crayon-62c158771813a075318563/] しばらく苦戦した…。 Foundation Foundation | The most advanced responsive front-end framework in the world. Foundation for Sites 6 Do...

Web 2016.11.2 お母ちゃん

jQueryで外部RSSの取得

DL プラグインをDLさせて頂く GitHub - denka/jQuery-Plugins at e5f123741ce6bc1be93e1db846a0e59cfe7e750c ※ 注意 こちらではRSSの取得が出来ない GitHub - padolsey-archive/jquery.fn: A collection of jQuery plugins コード [crayon-62c15877182e2608888908/] 捕捉 普通のXML取得方法と同じようにやったら...

Web 2016.11.1 お母ちゃん

WordPress に Instagram API を使って タグのギャラリー表示②

前回の記事↓から 少し改造しました。 https://homemadegarbage.com/wp-insta-api-tag-gallery 改造ポイント タグをHTML側で指定可能に ページ内に複数のギャラリーを表示 コード HTML [crayon-62c15877187ba927615890/] 「class="instagram"」の中で、タグの文字列を「class="tag"」で囲む。 タグ名を表示させたくない場合はstyleで消すと良いと思います。 ...

WordPress 2016.10.1 お母ちゃん

WordPress に Instagram API を使って タグのギャラリー表示

先日書いたフクロウカフェの記事で、「インスタグラムのタグを拾ってギャラリー表示したい!」と試みたところめちゃくちゃ苦労したので、残しておきます。 まずはAPIの取得 登録方法などは色々なサイト様で解説して下さっているのでここではざっくり記載します。 Instagram Developer Documentation にアクセスして、「Regist Your Application」。 下記を入力します。 Application Name;適当に Description:適...

PC / スマホ / WordPress 2016.6.22 お母ちゃん