JavaScriptの記事一覧 | コーディング・プログラミング・WEB制作ブログ
JavaScript
-
規約を下までスクロールしないとチェックできないチェックボックスの実装：jQuery
規約を下までスクロールしないとチェックできないチェックボックスを実装する必要がありましたのでメモ。 今回はさらにチェックボックスをチェックしないと送信ボタンが押せないような仕様をjQueryで実装します。 DEMO HT […]
-
ドラッグで左右の画像比較する方法：javascript
ドラッグで左右の画像比較ができるjavascriptをご紹介します。 WordPressのプラグインでいうと「Twenty20 Image Before-After」のような動きをjsのみで実装する方法です。 ビフォーア […]
-
複数条件で要素をリアルタイムに絞り込み：jQuery
jQueryで、HTMLのdata属性に指定した値で要素を絞り込む方法をご紹介します。 DEMO jQueryの記述 HTML・CSSの準備 ポイントは、 まず、inputのname属性でdata-○○の部分と同じ名前を […]
-
複数モーダルウィンドウの中身をjsで出力する：jQuery
モーダルウィンドウをページ内に複数設置する際に、モーダルの中身をHTMLで1つずつ用意するとサイトが重くなったり管理が手間になりますので、共通部分の枠を用意し、個別のテキストや画像はjsから出力する方法をご紹介します。 […]
-
よく使う正規表現の書き方まとめ：jQuery・javascript
フォームのエラーチェック等でよく使うjsの正規表現の書き方をまとめます。 正規表現のサンプル一覧 正規表現パターン 解説 /^[0-9]*$/ 半角数値のみ /^[a-zA-Z]*$/ 半角英字のみ /^[0-9a-zA […]
-
リアルタイムエラーチェック「jQuery-Validation-Engine.js」の使い方とカスタイズ方法
フォームをリアルタイムでチェックしてくれる便利なjQueryプラグイン jQueryValidationEngine の使い方をご紹介します。 jQueryValidationEngineの読み込み まず、プラグインを読 […]
-
-
scrollify.jsで各セクションごとにスクロールさせる方法：jQuery
デモのように各セクションごとにスクロールさせる方法をご紹介します。 DEMO scrollify.jsの読み込み scrollify.jsはjQueryのプラグインですので、 まずはjQueryとscrollify.js […]
-
