Javascript

スポンサーリンク
Web開発
Web開発

【HTML・JavaScript】日付の入力で西暦と和暦の切り替えをする

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

【JavaScript】テーブルにソート機能やフィルタリング機能、ページング機能を簡単に追加するList.jsの使い方

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

【Javascript】郵便番号から住所情報をフォームに自動入力をする

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

JavaScriptでメールアドレスの入力チェックをする方法

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

WordPressでJavascript・CSSファイルを読み込む方法

概要WordPressではJavaScriptやCSSを読み込む場合は、functions.phpで、アクションフックを使って読み込むことが推奨されています。読み込み方法ダッシュボードで「外観」「テーマファイルエディター」をクリックします。...
Web開発
Web開発

Flickityを使ってカルーセルスライダーを設置する方法

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

Javascriptを使用してポップアップを自作する方法

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

HTMLの要素をJavascriptで動的に追加・削除する

概要追加ボタン・削除ボタンでフォームを動的に追加したり削除したりする方法です。 See the Pen Untitled by take it easy (@take-it-easy) on CodePen.このように動的に要素を追加・削除...
スポンサーリンク