style01

初歩ですが、アンカーリンクとページ上部へ戻るjsです。ハッシュ(#)だけだった場合はページ上部へ、それ以外の場合は任意の位置へスクロールします。 See the Pen 190702_アンカーリンクスクロール by nekuta (@nekuta) on CodePen.

カートっぽいフォームを作りました。(実際には送信されません)選択した個数と、合計金額をリアルタイムで計算します。 See the Pen 190523_カート計算 by nekuta (@nekuta)on CodePen. 最初にページが読まれたら アイテム金額とcheckboxのチェック有無を配…

【jQuery不要】javascriptとcssで作るモーダル こちらの記事の改良版です。 動きは特に変わっていませんが、forの処理を少し変更しました。 See the Pen 190325_jsモーダル_改良版 by nekuta (@nekuta)on CodePen. for(far = i…

javascriptで簡素な絞り込み検索を作りました。jQueryなしで動きます。 See the Pen 190326_javascriptで絞り込み検索 by nekuta (@nekuta) on CodePen. data属性で絞り込みをする ラジオボタンのdata-sort-navの値がd…

2019/5/11追記こちらの記事に改良版を公開しました。【改良版】【jQuery不要】javascriptとcssで作るモーダル   どうにもwordpressの新しいエディタが使いづらい・・・これを機に静的サイトジェネレーターに手を出そうか考えているこの頃です。 javascriptとcssだけ…

サイト内検索の検索結果をカスタム投稿だけに絞りたい場合の備忘録 function.php

advanced custom fieldsで作ったカスタムフィールドに文字制限をかけます。 こちらの方を参考させていただきました(というよりほぼコピペですみません)Advanced Custom Fieldsで設定したカスタムフィールド値を取得し、文字数制限して表示する | 何か function…

今年最初の投稿はお知らせ等に使えそうなバルーンです。 バルーン以外の箇所をクリックした時はバルーンを非表示にします。 See the Pen 180112_フキダシ by nekuta (@nekuta) on CodePen. 連続クリックの防止 jQueryの.on()は処理が重複するので、フラ…