[Category] javascript

【jQuery】複数選択可の選択ボックス

複数選択可能な選択ボックスです。 See the Pen 190702_選択ボックス by nekuta (@nekuta) on CodePen. ボタンがクリックされたらセレクトボックスで選択されているoptionのvalueとテキストを配列に入れる ボタンがクリックされた時にそれが$selec…

【jQuery】アンカーリンクスクロール

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

【jQuery】カートっぽいフォーム

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

javascriptで絞り込み検索

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

【jQuery不要】javascriptとcssで作るモーダル

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

jQueryで作る特定数ずつ表示させるリスト

特定数ずつ表示させるリストを作りました。 今回はjQueryを使用しています。 デモでは最初に3個表示させ、ボタンを押すと3個ずつ表示させます。 複数あったときにどうやって値を残しておこうかと考えていましたが配列に入れることにしました。 See the Pen 181013_3件ずつ表示するリスト …

  • コーダーのための計算機