jQuery+ajaxでモーダルのコンテンツを取得する方法

JavaScriptjQuery
March 17,2024 12:03 AM
Tag:[Ajax, jQuery]
jQuery+ajaxでモーダルのコンテンツを取得する方法を紹介します。 1.はじめに モーダル表示の使い方は、たとえば商品ページで、その商... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでパスワードの表示・非表示を切り替えるサンプル

JavaScriptjQuery
April 18,2023 11:55 PM
Tag:[jQuery]
jQueryでフォームのパスワードの表示・非表示を切り替えるサンプルを紹介します。 1.はじめに フォームのパスワードの表示・非表示を切り替... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでファイル選択時にプレビュー表示する方法

JavaScriptjQuery
July 6,2016 12:03 AM
Tag:[jQuery]
jQueryでファイル選択時にプレビュー表示する方法を紹介します。 1.はじめに フォームのファイル選択で画像を選択したときに画像のプレビュ... [記事ページへ]
Comments [0] | Trackbacks [0]

ラジオボタンをjQueryで解除する方法

JavaScriptjQuery
February 3,2016 1:55 AM
Tag:[jQuery]
ラジオボタンをjQueryで解除する方法を紹介します。 1.問題点 次のようなラジオボタンがあるとします。 <input type="... [記事ページへ]
Comments [0] | Trackbacks [0]

テーブルのセルをポイントすると行と列を反転表示するjQueryプラグイン「Table Hover」

JavaScriptjQuery
September 11,2015 1:11 AM
Tag:[jQuery, Plugin]
テーブルのセルをポイントすると行と列を反転表示するjQueryプラグイン「Table Hover」を紹介します。 1.はじめに 本エントリー... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで親ページからiframeのスクロールバーを非表示にする方法

JavaScriptjQuery
July 10,2015 12:55 AM
Tag:[CSS, iframe, jQuery]
jQueryで親ページからiframeのスクロールバーを非表示にする方法を紹介します。 1.問題点 次のようなiframeページがあるとしま... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryのカスタムビルドが簡単にできるサービス「jQuery Builder」

JavaScriptjQuery
June 19,2015 1:55 AM
Tag:[jQuery]
jQueryのカスタムビルドが簡単にできるサービス「jQuery Builder」の紹介です。 1.はじめに jQueryではカスタムビルド... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでCSSをまとめて書き換える方法のまとめ

JavaScriptjQuery
March 20,2015 1:55 AM
Tag:[CSS, jQuery]
jQueryでCSSをまとめて書き換える方法をまとめました。 1.問題点 jQueryでCSSを書き換えるには次のように記述します。 $("... [記事ページへ]
Comments [0] | Trackbacks [0]

親ページからiframe内の要素にCSSを適用させる方法

JavaScriptjQuery
March 3,2015 12:55 AM
Tag:[iframe, jQuery]
親ページからiframe内にCSSを適用させる方法を紹介します。 1.問題点 次のようなHTMLがあるとします。 index.html(親ペ... [記事ページへ]
Comments [0] | Trackbacks [0]

Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」

JavaScriptjQueryプラグイン
February 20,2015 1:55 AM
Tag:[Ajax, jQuery, Plugin]
Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」の紹介です。 1.はじめに jQuery.ajax()を使ってウェ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでページ分割ができる「SimplePaginationプラグイン」

JavaScriptjQueryプラグイン
December 17,2014 1:33 AM
Tag:[jQuery, Plugin]
jQueryでページ分割ができる「SimplePaginationプラグイン」の紹介です。 1.はじめに ページ分割の手法は色々ありますが、... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで要素を削除する方法のまとめ

JavaScriptjQuery
December 16,2014 12:55 AM
Tag:[jQuery]
jQueryで要素を削除する方法をまとめました。 1.自要素と配下の要素を削除する 自要素と配下の要素を削除するにはremove()を利用し... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでスクロールでトップに「戻る」リンクを表示する「PageTop」プラグイン

JavaScriptjQueryプラグイン
December 8,2014 2:55 AM
Tag:[jQuery, Plugin]
jQueryでスクロールでトップに「戻る」リンクを表示する「PageTop」プラグインを公開します。 1.機能 ページのスクロールで右下に「... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでテーブル幅を変更できる「jQuery Resizable Columnsプラグイン」

JavaScriptjQueryプラグイン
November 5,2014 12:55 AM
Tag:[jQuery, Plugin, table]
jQueryでテーブル幅を変更できる「jQuery Resizable Columnsプラグイン」の紹介です。 変更前 変更後 1.はじめに... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでテキストを追加するたびにスクロールさせる方法

JavaScriptjQuery
October 30,2014 1:33 AM
Tag:[jQuery]
jQueryでテキストを追加するたびにスクロールさせる方法を紹介します。 1.問題点 ログを出力するような感じで、あるエリアにテキストを1行... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.ajax()でファイルをアップロードする方法

JavaScriptjQuery
September 30,2014 1:33 AM
Tag:[Ajax, jQuery]
jQuery.ajax()でファイルをアップロードする方法を紹介します。 1.はじめに jQuery.ajax()で画像ファイルをサーバに送... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで目次を自動生成する「tocプラグイン」

JavaScriptjQueryプラグイン
August 29,2014 12:55 AM
Tag:[jQuery, Plugin]
jQueryで目次を自動生成する「tocプラグイン」を公開します。 1.概要 プラグインを利用することでページ内の見出し要素を抽出し、指定し... [記事ページへ]
Comments [0] | Trackbacks [0]

preventDefault()で無効にしたイベントを有効にする方法

JavaScriptjQuery
August 20,2014 12:55 AM
Tag:[JavaScript, jQuery, preventDefault]
preventDefault()で無効にしたイベントを有効にする方法を紹介します。 1.はじめに preventDefault()は、「pr... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで要素数を取得する方法のまとめ

JavaScriptjQuery
August 8,2014 12:55 AM
Tag:[jQuery]
jQueryで要素数を数える方法のまとめです。 ここではul要素の子要素li要素の数を数えるサンプルを使って、いくつかの方法を紹介します。 ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryやJavaScriptでパスワードフィールドの文字を表示する方法

JavaScriptjQuery
May 12,2014 1:55 AM
Tag:[JavaScript, jQuery]
jQueryやJavaScriptでパスワードフィールドの文字を表示する方法を紹介します。 1.はじめに パスワードフィールドに入力した文字... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでフォームデータを送信する方法のまとめ

JavaScriptjQuery
March 25,2014 1:55 AM
Tag:[form, jQuery]
jQueryでフォームデータを送信する方法のまとめです。 1.submitイベントで送信する form要素のsubmitイベントで送信する場... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.pjaxとjQuery.bottomを使ってSEO対策つきの無限スクロールを実装する

JavaScriptjQueryプラグイン
February 18,2014 1:55 AM
Tag:[jQuery, SEO]
jQuery.pjaxとjQuery.bottomを使ってSEO対策つきの無限スクロールを実装することにより、追加されたコンテンツをインデッ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryによる郵便番号→住所変換ライブラリ「AjaxZip」

JavaScriptjQuery
January 21,2014 1:55 AM
Tag:[JavaScript, jQuery]
jQueryによる郵便番号→住所変換ライブラリ「AjaxZip」の紹介です。 サンプル 1.はじめに オンラインショッピングなどの住所登録で... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.getScript()のまとめ

JavaScriptjQuery
December 19,2013 1:55 AM
Tag:[getScript, jQuery]
jQuery.getScript()について、逆引きリファレンスっぽくまとめてみました。 1.getScript()とは? getScrip... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでajax()の重複実行を回避する方法

JavaScriptjQuery
December 11,2013 1:55 AM
Tag:[Ajax, jQuery]
jQueryでajax()の重複実行を回避する方法を紹介します。 1.問題点 次のような、ajax()メソッドを使って「http://use... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryのajax()を中断する方法

JavaScriptjQuery
December 6,2013 1:55 AM
Tag:[abort, Ajax, jQuery]
jQueryのajax()を中断する方法を紹介します。 1.問題点 次のように、ajax()メソッドでHTMLを取得するコードがあります。 ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.ajax()で取得したHTMLの一部を抜き出す方法

JavaScriptjQuery
December 5,2013 1:23 AM
Tag:[Ajax, jQuery]
jQuery.ajax()で取得したHTMLの一部を抜き出す方法を紹介します。 1.問題点 次のように、ajax()メソッドで取得したHTM... [記事ページへ]
Comments [0] | Trackbacks [0]

stopPropagation()について

JavaScriptjQuery
November 22,2013 1:55 AM
Tag:[JavaScript, stopPropagation]
jQueryおよびJavaScriptのstopPropagation()について調べてみました。 1.stopPropagation()と... [記事ページへ]
Comments [0] | Trackbacks [0]

preventDefault()について

JavaScriptjQuery
November 21,2013 2:33 AM
Tag:[JavaScript, preventDefault]
jQueryおよびJavaScriptのpreventDefault()について調べてみました。 1.preventDefault()とは ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで要素を追加するメソッドのまとめ

JavaScriptjQuery
October 10,2013 1:23 AM
Tag:[jQuery]
jQueryで要素を追加するメソッドをまとめてみました。 このエントリーはビギナーの方向けの内容です。 jQueryを呼び出すためのscri... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでサイドメニューに現在のセクション要素を表示する「DisplaySectionプラグイン」

JavaScriptjQueryプラグイン
October 3,2013 1:11 AM
Tag:[DisplaySection, jQuery, Plugin]
jQueryでサイドメニューに現在のセクション要素を表示する「DisplaySectionプラグイン」を公開します。 ちなみにこのプラグイン... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでヘッダーに現在の見出し要素を表示する「DisplayHeadingプラグイン」

JavaScriptjQueryプラグイン
October 1,2013 12:55 AM
Tag:[DisplayHeading, jQuery, Plugin]
jQueryでヘッダー部分に現在の見出し要素を表示する「DisplayHeadingプラグイン」を公開します。 このプラグインは以下のページ... [記事ページへ]
Comments [0] | Trackbacks [0]

JSONデータをHTMLにマッピングできるjQueryプラグイン「JSON2HTML」

JavaScriptjQueryプラグイン
August 21,2013 12:03 AM
Tag:[jQuery, JSON, Plugin]
JSONデータをHTMLにマッピングできるjQueryプラグイン「JSON2HTML」を紹介します。 JSON2HTML 1.概要 「JSO... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでselect要素のテキストを取得する方法

JavaScriptjQuery
August 13,2013 12:33 AM
Tag:[jQuery]
jQueryでselect要素のテキストを取得する方法を紹介します。 このエントリーでは、 プルダウンで選択したoption要素のテキスト... [記事ページへ]
Comments [1] | Trackbacks [0]

ローディング画面を簡単に表示できるjQueryプラグイン「BlockUI」

JavaScriptjQueryプラグイン
August 6,2013 1:55 AM
Tag:[jQuery, Plugin]
イベント発生時にオーバーレイやメッセージ・ローディング画像といった、いわゆるローディング画面を簡単に表示できるjQueryプラグイン「Blo... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでクリックした要素が何番目かを調べる方法

JavaScriptjQuery
July 17,2013 2:22 AM
Tag:[jQuery]
jQueryでクリックした要素が何番目の要素かを調べる方法を紹介します。 このエントリーはビギナーの方向けの内容です。 1.問題点 次のよう... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで新しい要素を作成する方法

JavaScriptjQuery
July 16,2013 12:33 AM
Tag:[jQuery]
jQueryで新しい要素を作成する方法を紹介します。 ここでは新しい要素を作成方法と、新しく作った要素にコンテンツを加える方法、そしてウェブ... [記事ページへ]
Comments [0] | Trackbacks [0]

スクロールしたときにおすすめ記事を右下からにゅるっと表示させるjQuery「RecommendFooterプラグイン」

JavaScriptjQueryプラグイン
July 2,2013 12:33 AM
Tag:[jQuery, Plugin, RecommendFooter]
スクロールしたときにおすすめ記事を右下からにゅるっと表示させるjQuery「RecommendFooterプラグイン」を公開します。 1.サ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでoption要素を追加する方法

JavaScriptjQuery
June 25,2013 12:17 AM
Tag:[jQuery, option, select]
jQueryでoption要素を追加する方法を紹介します。 1.option要素を追加する 次のselect要素があると仮定します。sele... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery UI Soatableでソートしたテーブルの並びを保存する方法

JavaScriptjQueryjQuery UI
April 16,2013 12:03 AM
Tag:[Cookie, jQueryUI, Sortable]
jQuery UI Soatableでソートしたテーブルの並びを保存する方法を紹介します。 先日「jQuery UIを使ってテーブルをドラッ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery UIを使ってテーブルをドラッグ&ドロップでソートできるようにする

JavaScriptjQueryjQuery UI
April 11,2013 12:55 AM
Tag:[jQueryUI, Sortable]
jQuery UIを使ってテーブルをドラッグ&ドロップでソートできるようにする方法を紹介します。 テーブルをソートするには、jQuery U... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryプラグインの先頭にセミコロンがある理由

JavaScriptjQuery
April 9,2013 12:33 AM
Tag:[JavaScript, jQuery]
jQueryプラグインの先頭にセミコロンがある理由を調べてみました。 1.「jQueryプラグインの先頭にセミコロン」とは? 例えば、レスポ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery UIのtoggle()でjQueryのslideToggle()よりカッコよくスライドさせる方法

JavaScriptjQueryjQuery UI
April 4,2013 12:03 AM
Tag:[jQuery, jQueryUI, slide]
jQuery UIのtoggle()を使って、jQueryのslideToggle()よりカッコよくスライドさせる方法について紹介します。 ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでCSSのimportantを指定する方法

JavaScriptjQuery
March 27,2013 12:33 AM
Tag:[CSS, jQuery]
jQueryでCSSのimportantを指定する方法を紹介します。 1.問題点 jQueryでCSSの設定を行う場合、css()を利用しま... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にする方法

JavaScriptjQueryプラグイン
March 25,2013 12:03 AM
Tag:[jQuery, Plugin, Tab]
jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にする方法を紹介します。 1.jQuery UI Tabsについて ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryのAjaxやタブ切替などでブラウザの「戻る」「進む」が有効になる「hashchangeプラグイン」(実装解説つき)

JavaScriptjQueryプラグイン
March 22,2013 2:55 AM
Tag:[hashchange, jQuery, Plugin]
jQueryのAjaxやタブ切替などでブラウザの「戻る」「進む」が有効になる「hashchangeプラグイン」を紹介します。 jQuery ... [記事ページへ]
Comments [0] | Trackbacks [0]

ページを移動(離脱)するときにjQueryで警告を出す方法

JavaScriptjQuery
March 11,2013 12:55 AM
Tag:[beforeunload, jQuery]
Facebookなどでフォーム入力中にページを移動(離脱)しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介し... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでcookieを簡単に使える「jQuery Cookie」のまとめ

JavaScriptjQueryプラグイン
March 4,2013 12:03 AM
Tag:[Cookie, jQuery, Plugin]
jQueryでcookieを簡単に使える「jQuery Cookie」の利用方法のまとめです。 1.機能 名前のとおり、「jQuery Co... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.uploadプラグインで親要素のonsubmitを起動させない対処

JavaScriptjQueryプラグイン
February 18,2013 12:03 AM
Tag:[jQuery, Plugin, upload]
以前紹介した「jQuery.uploadプラグイン」で、onsubmitを起動しない対処方法を紹介します。 1.「jQuery.upload... [記事ページへ]
Comments [0] | Trackbacks [0]

スマホのマルチタッチジェスチャーを判断できるjQueryプラグイン「Hammer.js」

JavaScriptjQueryプラグイン
February 1,2013 12:33 AM
Tag:[jQuery, Plugin]
スマホでのタップやスワイプなど、マルチタッチジェスチャーを判断できるjQueryプラグイン「Hammer.js」を紹介します。 Hammer... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでセレクトボックス(プルダウンメニュー)のテキストを取得する

JavaScriptjQuery
December 21,2012 7:55 AM
Tag:[jQuery]
jQueryでセレクトボックス(プルダウンメニュー)のテキストを取得する方法を紹介します。 1.問題点 次のようなセレクトボックス(プルダウ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryのgetJSON()でエラーをハンドリングする

JavaScriptjQuery
December 11,2012 12:55 AM
Tag:[jQuery, JSON]
jQuery.getJSON()でエラーをハンドリングする方法を紹介します。 1.はじめに JSONの取得でエラーをハンドリングにはjQue... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで既存サイトの画像を「なんちゃって遅延ロード」する方法

JavaScriptjQuery
November 22,2012 12:55 AM
Tag:[jQuery, LazyLoad]
jQueryを使って、既存サイトの画像を遅延ロードっぽく見せる方法、いわゆる「なんちゃって遅延ロード」について紹介します。 昨日エントリーし... [記事ページへ]
Comments [0] | Trackbacks [0]

画像を遅延ロードする定番jQueryプラグイン「Lazy Load」

JavaScriptjQueryプラグイン
November 21,2012 1:55 AM
Tag:[jQuery, LazyLoad]
画像を遅延ロードする定番jQueryプラグイン「Lazy Load」を紹介します。 1.概要 jQueryプラグイン「Lazy Load」を... [記事ページへ]
Comments [0] | Trackbacks [0]

「ノンプログラマーのためのjQuery生成ツール」作りました

JavaScriptjQuery
November 13,2012 1:55 AM
Tag:[jQuery, Tool]
ノンプログラマーのためのjQuery生成ツールを作ってみました。よければご活用ください。 ノンプログラマーのためのjQuery生成ツール サ... [記事ページへ]
Comments [0] | Trackbacks [0]

画像の一部をズームアップできるjQueryプラグイン「jqZoom」

JavaScriptjQueryプラグイン
October 31,2012 1:55 AM
Tag:[jQuery, jqZoom, Plugin]
画像の一部をズームアップできるjQueryプラグイン「jqZoom」を紹介します。 jqZoom 1.概要 Amazonをはじめとする、オン... [記事ページへ]
Comments [0] | Trackbacks [0]

レスポンシブWebデザイン制作にjQuery Masonryを利用するための5つのポイント

JavaScriptjQueryプラグイン
October 19,2012 1:55 AM
Tag:[jQuery, Masonry, Plugin]
先日エントリーした「ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」」の続きで、レスポンシブWe... [記事ページへ]
Comments [0] | Trackbacks [0]

ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」

JavaScriptjQueryプラグイン
October 17,2012 1:55 AM
Tag:[jQuery, Masonry, Plugin]
ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」の使い方を紹介します。 jQuery Mason... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.ajax()の非同期通信で実行順序を保証する方法

JavaScriptjQuery
October 11,2012 12:03 AM
Tag:[Ajax, jQuery]
jQuery.ajax()の非同期通信で実行順序を保証する方法を紹介します。 具体的には、jQuery.ajax()による非同期通信を連続し... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery.ajax()のまとめ

JavaScriptjQuery
October 2,2012 12:55 AM
Tag:[Ajax, jQuery]
jQuery.ajax()について逆引きリファレンスっぽくまとめてみました。 まとめた理由は、ネットで「jQuery.ajax」や「jQue... [記事ページへ]
Comments [0] | Trackbacks [0]

スクロールしたときにサイドバーのパーツをjQueryで止める方法

JavaScriptjQuery
September 10,2012 1:55 AM
Tag:[jQuery, PersistentHeaders]
スクロールしたときにサイドバーのパーツを止める方法についてご質問を頂きましたの、で本エントリーで紹介します。 似たような記事を、以前「jQu... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryのtext()とhtml()の違い

JavaScriptjQuery
September 5,2012 1:55 AM
Tag:[jQuery]
jQueryのtext()とhtml()の違いについて紹介します。jQueryビギナー向けのエントリーです。 1.text()について te... [記事ページへ]
Comments [0] | Trackbacks [0]

AjaxでファイルをアップロードするjQueryプラグイン「jQuery.upload」

JavaScriptjQueryプラグイン
August 31,2012 12:55 AM
Tag:[jQuery, upload]
AjaxでファイルをアップロードするjQueryプラグイン「jQuery.upload」を紹介します。 jQuery.upload 1.機能... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでセレクタを複数指定する方法

JavaScriptjQuery
August 21,2012 12:03 AM
Tag:[jQuery]
ご存知の方も多いと思いますが、jQueryでセレクタを複数指定する方法を紹介します。 1.セレクタを複数指定する jQueryでセレクタを複... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptの文字列置換とjQueryのDOM要素置換のまとめ

JavaScriptjQuery
August 10,2012 2:34 AM
Tag:[JavaScript, jQuery]
JavaScriptの文字列置換とjQueryのDOM要素置換について、まとめて紹介します。 特にJavaScriptの文字列置換はいつもや... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで要素の表示・非表示を判定する方法

JavaScriptjQuery
August 3,2012 1:23 AM
Tag:[jQuery]
jQueryの要素の表示・非表示を判定する方法を紹介します。 1.基本 jQueryでは、要素の表示・非表示のためのメソッドとして、show... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryで遅延ロードを汎用的に実現する「ScrollTrigger」プラグイン

JavaScriptjQueryプラグイン
July 12,2012 12:33 AM
Tag:[jQuery, Plugin, ScrollTrigger]
jQueryで遅延ロード(遅延読み込み)を汎用的に実現する「ScrollTrigger」プラグインを紹介します。スクロールで要素が表示された... [記事ページへ]
Comments [0] | Trackbacks [0]

「jQuery」という名称が本当は「JSelect」だった件

JavaScriptjQuery
July 4,2012 1:55 AM
Tag:[jQuery]
ふと思い立って、「jQuery」という名称の由来・語源を調べてみました。 1.jQueryの由来について ネットで検索してみると、jQuer... [記事ページへ]
Comments [0] | Trackbacks [0]

ソーシャルボタンを簡単に設置できる「jQuery.socialbuttonプラグイン」

JavaScriptjQueryプラグイン
June 29,2012 12:33 AM
Tag:[jQuery, Plugin]
ソーシャルボタンを簡単に設置できる「jQuery.socialbuttonプラグイン」を紹介します。 1.機能 このプラグインを利用すれば、... [記事ページへ]
Comments [0] | Trackbacks [0]

onclickイベントとjQueryのclickイベントを併用するときの注意

JavaScriptjQuery
May 4,2012 2:22 AM
Tag:[JavaScript, jQuery]
利用シーンはあまりないと思いますが、onclickイベントにjQueryのclickイベントを追加するときの注意点をまとめました。 次のよう... [記事ページへ]
Comments [0] | Trackbacks [0]

IEでzenbackとjQueryのコンフリクトによる不具合を回避する方法

サービスzenback
May 2,2012 3:00 AM
Tag:[jQuery, TroubleShooting, zenback]
IEでzenbackとjQueryのコンフリクトによる不具合を回避する方法を紹介します。 1.問題 IEでzenbackとjQueryプラグ... [記事ページへ]
Comments [0] | Trackbacks [1]

jQueryによる要素の存在チェックまとめ

JavaScriptjQuery
April 18,2012 2:22 AM
Tag:[jQuery]
jQueryによる要素の存在チェックまとめです。 jQueryを実行する際、「$(selector)」が成功してjQueryオブジェクトが生... [記事ページへ]
Comments [0] | Trackbacks [0]

HTML5のplaceholder属性をクロスブラウザ対応にするjQueryプラグイン「jQuery-Placeholder」

JavaScriptjQueryプラグイン
April 12,2012 12:03 AM
Tag:[jQuery, placeholder, Plugin]
HTML5のplaceholder属性をクロスブラウザ対応にするjQueryプラグイン「jQuery-Placeholder」jQueryプ... [記事ページへ]
Comments [0] | Trackbacks [0]

ブラウザの幅にあわせてフォントサイズを拡大・縮小するjQueryプラグイン「FitText」

JavaScriptjQueryプラグイン
April 10,2012 1:55 AM
Tag:[FitText, jQuery, Plugin]
ブラウザの幅にあわせてフォントサイズを拡大・縮小するjQueryプラグイン「FitText」を紹介します。 FitText ウェブサイトをP... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでスクロールした要素をページ上部に固定するPersistentHeadersプラグイン

JavaScriptjQueryプラグイン
March 27,2012 1:55 AM
Tag:[jQuery, PersistentHeaders, Plugin]
jQueryでスクロールした要素をページ上部に固定するPersistentHeadersプラグインを公開します。 このプラグインは、下記のサ... [記事ページへ]
Comments [0] | Trackbacks [0]

TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」

JavaScriptjQueryプラグイン
February 6,2012 1:55 AM
Tag:[jQuery, Plugin]
TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQ... [記事ページへ]
Comments [2] | Trackbacks [0]

リロードしたときにjQueryでページの先頭にスクロールさせる方法

JavaScriptjQuery
February 5,2012 3:33 AM
Tag:[]
ページをリロードしたときに、jQueryでページの先頭にスクロールさせる方法を紹介します。 リンクをクリックしてページの先頭にスクロールさせ... [記事ページへ]
Comments [0] | Trackbacks [1]

フォームに設置した複数のsubmitボタン(送信ボタン)をjQueryで制御する

JavaScriptjQuery
February 2,2012 1:55 AM
Tag:[form, jQuery]
1つのフォームに複数設置したsubmitボタン(送信ボタン)の挙動をjQueryで操作・変更する方法を紹介します。 1.用途 このエントリー... [記事ページへ]
Comments [0] | Trackbacks [0]

フォームの&lt;input type=&quot;file&quot; /&gt;の値をjQueryでリセット(クリア)する方法

JavaScriptjQuery
January 24,2012 1:55 AM
Tag:[jQuery]
フォームの<input type="file" />の値をjQueryでリセット(クリア)する方法を紹介します。 1.問題点 フ... [記事ページへ]
Comments [0] | Trackbacks [0]

onsubmitの戻り値をfalseにしてsubmitを実行しない(中断させる)方法

JavaScript
January 18,2012 2:22 AM
Tag:[JavaScript, jQuery]
JavaScriptで、onsubmitの戻り値をfalseにしてフォームのsubmitを中断させる(実行しない)方法を紹介します。 1.o... [記事ページへ]
Comments [0] | Trackbacks [0]

Twitter検索結果をリアルタイム表示するjQueryプラグイン「monitter」徹底解説

JavaScriptjQueryプラグイン
December 26,2011 12:55 AM
Tag:[jQuery, monitter, Plugin]
Twitterの検索結果をリアルタイム表示するjQueryプラグイン「monitter」を紹介します。スクリーンショットは「Android」... [記事ページへ]
Comments [2] | Trackbacks [0]

jQuery lightBoxプラグインで拡大画像の幅・高さを制限する方法

JavaScriptjQueryプラグイン
December 8,2011 12:33 AM
Tag:[jQuery, Lightbox]
拡大画像を表示するJavaScriptライブラリ「jQuery lightBoxプラグイン」で、拡大画像の幅・高さを制限する方法を紹介します... [記事ページへ]
Comments [0] | Trackbacks [0]

テーブルを直接編集できるjQuery.TableEditorプラグイン

JavaScriptjQueryプラグイン
November 29,2011 12:55 AM
Tag:[jQuery, TableEditor]
テーブルを直接編集できるようにするjQuery.TableEditorプラグインを紹介します。 1.サンプル 以下のリンク先にサンプルを用意... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでセレクタを再指定する方法

JavaScriptjQuery
November 10,2011 1:55 AM
Tag:[jQuery]
jQueryでセレクタ指定で取得したjQueryオブジェクトを使って、さらにセレクタ指定を行う方法です。 追記:to-Rの西畑さんに添削して... [記事ページへ]
Comments [2] | Trackbacks [0]

jQueryでテーブルに行を追加する方法

JavaScriptjQuery
November 2,2011 1:55 AM
Tag:[jQuery, table]
jQueryでテーブル(table要素)に行を追加する方法を紹介します。 テーブル操作は、テーブル系のjQueryプラグインで色々なことが実... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでセレクトボックスの複数選択と単一選択を切り替える

JavaScriptjQuery
October 7,2011 1:55 AM
Tag:[jQuery]
jQueryでセレクトボックスの複数選択と単一選択を切り替える方法を紹介します。 1.サンプル サンプルを用意しましたので動作を確認してくだ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでスマホサイト向けに画像サイズを縮小する方法

JavaScriptjQuery
September 16,2011 12:03 AM
Tag:[jQuery]
jQueryでスマホサイト向けに画像サイズを縮小する方法を紹介します。 1.サンプル 次のようなPCサイト用のページがあります。この場合、M... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryのlive関数を使ってAjaxで取得したコンテンツにイベントハンドラを登録する

JavaScriptjQuery
September 7,2011 3:33 AM
Tag:[jQuery]
jQueryのlive関数について紹介します。 live関数の使用例として、コンテンツの折りたたみをサンプルに用います。 1.コンテンツの折... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery Listfolderプラグイン v0.0.5

JavaScriptjQueryプラグイン
August 25,2011 12:55 AM
Tag:[jQuery, Listfolder, Plugin]
jQueryでサイドメニューの折りたたみを実現するListfolderプラグインをバージョンアップしました。 1.変更点 これまでのバージョ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryによるフォームデータ取得方法のまとめ

JavaScriptjQuery
July 6,2011 3:55 AM
Tag:[jQuery]
jQueryによるフォームデータ取得方法のまとめです。 フォームデータの取得で分かりにくいのは、セレクトボックス・ラジオボタン・チェックボッ... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery Listfolderプラグイン v0.0.4(折りたたみマーク表示機能追加)

JavaScriptjQueryプラグイン
April 21,2011 1:55 AM
Tag:[jQuery, Listfolder, Plugin]
jQueryでサイドメニューの折りたたみを実現するListfolderプラグインをバージョンアップしました。 1.変更点 次のように折りたた... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery UI Tabsで作ったタブのフォーカスをはずす方法

JavaScriptjQuery
April 19,2011 2:22 AM
Tag:[JavaScript, jQuery]
jQuery UI Tabsで作ったタブをクリックしたときに、タブのフォーカスをはずす方法です。jQuery UI Tabsについては「jQ... [記事ページへ]
Comments [2] | Trackbacks [0]

jQuery UI Tabsを使ってタブを実装する

JavaScriptjQuery
April 1,2011 3:33 AM
Tag:[jQuery]
jQuery UI Tabsを使ってタブを実装する方法を紹介します。 本当は4月1日は毎年エイプリルフールネタをエントリーしているのですが、... [記事ページへ]
Comments [0] | Trackbacks [0]

JavaScriptでデータをダンプする「jQuery Dumpプラグイン」

JavaScriptjQueryプラグイン
March 8,2011 1:55 AM
Tag:[Dump, jQuery, Plugin]
PerlのData::DumperやPHPのvar_dump()のようなことをJavaScriptで行える「jQuery Dumpプラグイン... [記事ページへ]
Comments [0] | Trackbacks [0]

jQuery listfolderプラグイン v0.0.3(折りたたみ初期状態設定機能追加)

JavaScriptjQueryプラグイン
February 25,2011 2:55 AM
Tag:[jQuery, Listfolder, Plugin]
jQueryでサイドメニューの折りたたみを実現するjQuery listfolderプラグインをバージョンアップしました。 1.追加機能 v... [記事ページへ]
Comments [0] | Trackbacks [0]

jQueryでサイドメニューの折りたたみを実現するListfolderプラグイン

JavaScriptjQueryプラグイン
February 23,2011 2:55 AM
Tag:[jQuery, Listfolder, Plugin]
jQueryでサイドメニューの折りたたみを実現するListfolderプラグインを紹介します。同じようなプラグインはすでに存在すると思います... [記事ページへ]
Comments [5] | Trackbacks [0]

jQueryでギャラリーを実現するGalleryboxプラグイン

JavaScriptjQueryプラグイン
December 16,2010 2:22 AM
Tag:[Gallerybox, jQuery]
jQueryでギャラリーを実現するGalleryboxプラグインを紹介します。 このプラグインを利用すれば、サムネイル画像をクリックすること... [記事ページへ]
Comments [0] | Trackbacks [0]