JS

【JSプラグイン】scroll-hintの使い方

テーブルなどをスマホの時にスクロールさせるプラグインです。読み込む使うスクロールさせたい要素はたいていテーブルなので、テーブルの例。ここでは対象を「scrollable」というdivで囲みます。 scrollabl […]

クリックイベントが発火しないときはこれ slickやmodaalなどプラグインが効かないときはこれ（プラグインを要素追加したときに再び読み込む）

formで入力したときに、最大入力数までpadStart()によって０で埋めるやり方。下はinputに対して、フォーカスしたときにフォーカスが外れたらをしています。

新着情報などで、すべての記事とカテゴリーごとの記事一覧を出すやり方。タブにデータ属性をつけて、各記事にはカテゴリーのクラスを付与。タブをクリックしたらそのカテゴリーの記事にactiveをつける（初期状態はすべてにact […]

便利に使わせてもらってるけど毎回忘れるのでメモ。関数を定義書き換えの必要はないので任意の場所にコピペするフォームの最大値とイベントを設定 onkeyup=”nextfeild(this)”を […]

クリックしたらパラメータを変更してリロードする。便利！

埋め込んだ動画をクリックして、動画の音声を切り替えるやり方。 HTMLの読み込み箇所に要素を用意する複数ページで違う動画を埋め込むために、ページごとに変数でYouTubeの動画IDを渡しています。 JSで各種設定 CS […]

動画のスライドショー、ループしていると再生時間と表示時間が噛み合わなくなってくるので、スライドの初めと動画の始めを合わせるやり方。 slickのbeforeChangeを利用しています。パラメーターの使い方がよくわかって […]

親子関係から要素を取得する parents：祖先要素を取得 parent：親要素を取得 children：子要素を取得 find：子孫要素を取得兄弟関係から要素を取得する next：次の要素を取得続けて書くと次の次の […]

クリックイベント要素が入れ子になっているときなど、子要素をクリックしたとき親要素のクリックイベントを発生させたくない場合のメモ。 .target イベントが発生した要素を取得する .closest() 要素とその親を、指 […]