Javascript

概要 少し前に、Webの日付の入力フォームで、西暦と和暦を切り替えられるようにできないかとの話があった時のメモです。 サンプル 最終的に、 西暦・和暦を切り替えるプルダウンを作る 西暦はinputを使用する 和暦は、元号をプルダウン、年・月...

概要 「List.js」というライブラリを使用することで、テーブルに、ソート機能、フィルタリング機能、ページング機能を簡単に追加することができます。 その、「List.js」の使い方です。 List.jsPerfect library fo...

概要 住所を入力するフォームでよくある、郵便番号を入力して検索ボタンを押したら、住所が自動入力される機能の作り方のサンプルです。 郵便番号から住所情報をフォームに自動入力をするサンプルは以下になります。 See the Pen 住所自動入力...

概要 入力フォームで、メールアドレスの入力チェックをJavaScriptでする方法です。 See the Pen form-email by take it easy (@take-it-easy) on CodePen. フォーカスが外れ...

Flickityとは 「Flickity」とは、カルーセルスライダーを作成することができるプラグインです。 レスポンシブに対応 モバイルのタッチやフリックにも対応 jQueryに依存しない という特徴があります。 HTMLとCSSのみで、簡...

概要 Javascriptを使用してポップアップを自作する方法です。 サンプル 今回作成するのは、 ボタンをクリックしてポップアップを表示 ポップアップの「×」ボタンをクリックしてポップアップを閉じる オーバレイをクリックしてポップアップを...