jQuery+ajaxでモーダルのコンテンツを取得する方法
jQuery+ajaxでモーダルのコンテンツを取得する方法を紹介します。 １．はじめに モーダル表示の使い方は、たとえば商品ページで、その商... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでパスワードの表示・非表示を切り替えるサンプル
jQueryでフォームのパスワードの表示・非表示を切り替えるサンプルを紹介します。 １．はじめに フォームのパスワードの表示・非表示を切り替... [記事ページへ]
Comments [0]
| Trackbacks [0]
複数のsubmitボタンをonsubmitで判定する方法
複数のsubmitボタンをonsubmitで判定する方法を紹介します。 １．問題点 下記のように、複数のsubmitボタンが実装されたフォー... [記事ページへ]
Comments [0]
| Trackbacks [0]
Riot初歩の初歩
Riot（ライオット）は、HTMLの中にJavaScriptやCSSを書くことができる、シンプルで洗練されたコンポーネントベースのUIライブ... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptの時間を0パディングする方法
JavaScriptの時間を0パディングする方法を紹介します。 １．問題点 下記の、今日の年月日を表示する簡単なサンプルを作ってみました。 ... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptでJSONデータを作る方法
JavaScriptでJSONデータを作る方法を紹介します。 １．問題点 JavaScriptで下記のようなJSONデータを作りたいと思いま... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでファイル選択時にプレビュー表示する方法
jQueryでファイル選択時にプレビュー表示する方法を紹介します。 １．はじめに フォームのファイル選択で画像を選択したときに画像のプレビュ... [記事ページへ]
Comments [0]
| Trackbacks [0]
ラジオボタンをjQueryで解除する方法
ラジオボタンをjQueryで解除する方法を紹介します。 １．問題点 次のようなラジオボタンがあるとします。 <input type="... [記事ページへ]
Comments [0]
| Trackbacks [0]
テーブルのセルをポイントすると行と列を反転表示するjQueryプラグイン「Table Hover」
テーブルのセルをポイントすると行と列を反転表示するjQueryプラグイン「Table Hover」を紹介します。 １．はじめに 本エントリー... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryで親ページからiframeのスクロールバーを非表示にする方法
jQueryで親ページからiframeのスクロールバーを非表示にする方法を紹介します。 １．問題点 次のようなiframeページがあるとしま... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryのカスタムビルドが簡単にできるサービス「jQuery Builder」
jQueryのカスタムビルドが簡単にできるサービス「jQuery Builder」の紹介です。 １．はじめに jQueryではカスタムビルド... [記事ページへ]
Comments [0]
| Trackbacks [0]
いまさら聞けないJSONPのまとめ
JSONPについてまとめました。 １．はじめに JSONやJSONPが流行り出したころ、JSONはまあそれなりに理解できたのですが、JSON... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptやjQueryで設定されたイベントの定義場所を調べる方法
JavaScriptやjQueryで設定されたイベントの定義場所を調べる方法を紹介します。 １．問題点 次のサンプルHTMLがあります。 &... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでCSSをまとめて書き換える方法のまとめ
jQueryでCSSをまとめて書き換える方法をまとめました。 １．問題点 jQueryでCSSを書き換えるには次のように記述します。 $("... [記事ページへ]
Comments [0]
| Trackbacks [0]
「https://」で始まるページでブックマークレットが動作しない理由
「https://」で始まるページでブックマークレットが動作しない理由を調べてみました。 １．問題点 はてなブックマークでブックマークをする... [記事ページへ]
Comments [0]
| Trackbacks [0]
javascript:void(0)のまとめ
a要素にonclick属性を使いたいけれどもページ遷移したくないときに利用する（というか昔利用していた）「javascript:void(0... [記事ページへ]
Comments [0]
| Trackbacks [0]
親ページからiframe内の要素にCSSを適用させる方法
親ページからiframe内にCSSを適用させる方法を紹介します。 １．問題点 次のようなHTMLがあるとします。 index.html（親ペ... [記事ページへ]
Comments [0]
| Trackbacks [0]
Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」
Ajaxのページ遷移でURLが変更できるjQueryプラグイン「PJAX」の紹介です。 １．はじめに jQuery.ajax()を使ってウェ... [記事ページへ]
Comments [0]
| Trackbacks [0]
setTimeout()やsetInterval()で引数を渡す方法
setTimeout()やsetInterval()で引数を渡す方法を紹介します。 １．問題点 setTimeout()やsetInterv... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでページ分割ができる「SimplePaginationプラグイン」
jQueryでページ分割ができる「SimplePaginationプラグイン」の紹介です。 １．はじめに ページ分割の手法は色々ありますが、... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryで要素を削除する方法のまとめ
jQueryで要素を削除する方法をまとめました。 １．自要素と配下の要素を削除する 自要素と配下の要素を削除するにはremove()を利用し... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでスクロールでトップに「戻る」リンクを表示する「PageTop」プラグイン
jQueryでスクロールでトップに「戻る」リンクを表示する「PageTop」プラグインを公開します。 １．機能 ページのスクロールで右下に「... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでテーブル幅を変更できる「jQuery Resizable Columnsプラグイン」
jQueryでテーブル幅を変更できる「jQuery Resizable Columnsプラグイン」の紹介です。 変更前 変更後 １．はじめに... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでテキストを追加するたびにスクロールさせる方法
jQueryでテキストを追加するたびにスクロールさせる方法を紹介します。 １．問題点 ログを出力するような感じで、あるエリアにテキストを1行... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptのFormDataの使い方
JavaScriptのFormDataの使い方についてまとめました。 １．ブラウザがFormDataオブジェクトに対応するか確認する ブラウ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery.ajax()のJSONやJSONP取得で200 OKなのにエラーになる件のまとめ
jQuery.ajax()のJSONやJSONP取得で、200 OKにもかかわらずエラーになる件についてまとめました。 １．問題点 次のよう... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery.ajax()でファイルをアップロードする方法
jQuery.ajax()でファイルをアップロードする方法を紹介します。 １．はじめに jQuery.ajax()で画像ファイルをサーバに送... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptメールアドレスチェッカー
JavaScriptのメールアドレスチェッカーを作ってみました。 記事を書くにあたって、メールアドレスについてのRFCや関連記事をざっと調べ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryで目次を自動生成する「tocプラグイン」
jQueryで目次を自動生成する「tocプラグイン」を公開します。 １．概要 プラグインを利用することでページ内の見出し要素を抽出し、指定し... [記事ページへ]
Comments [0]
| Trackbacks [0]
preventDefault()で無効にしたイベントを有効にする方法
preventDefault()で無効にしたイベントを有効にする方法を紹介します。 １．はじめに preventDefault()は、「pr... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryで要素数を取得する方法のまとめ
jQueryで要素数を数える方法のまとめです。 ここではul要素の子要素li要素の数を数えるサンプルを使って、いくつかの方法を紹介します。 ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryやJavaScriptでパスワードフィールドの文字を表示する方法
jQueryやJavaScriptでパスワードフィールドの文字を表示する方法を紹介します。 １．はじめに パスワードフィールドに入力した文字... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでフォームデータを送信する方法のまとめ
jQueryでフォームデータを送信する方法のまとめです。 １．submitイベントで送信する form要素のsubmitイベントで送信する場... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery.pjaxとjQuery.bottomを使ってSEO対策つきの無限スクロールを実装する
jQuery.pjaxとjQuery.bottomを使ってSEO対策つきの無限スクロールを実装することにより、追加されたコンテンツをインデッ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryによる郵便番号→住所変換ライブラリ「AjaxZip」
jQueryによる郵便番号→住所変換ライブラリ「AjaxZip」の紹介です。 サンプル １．はじめに オンラインショッピングなどの住所登録で... [記事ページへ]
Comments [0]
| Trackbacks [0]
PCのブラウザでiPhoneやAndroidのようなパスワードフォームを実現するJavaScriptライブラリ「FormTools」
PCのブラウザでiPhoneやAndroidのように、直前に入力した文字が見えるパスワードフォームを実現するJavaScriptライブラリ「... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery.getScript()のまとめ
jQuery.getScript()について、逆引きリファレンスっぽくまとめてみました。 １．getScript()とは？ getScrip... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでajax()の重複実行を回避する方法
jQueryでajax()の重複実行を回避する方法を紹介します。 １．問題点 次のような、ajax()メソッドを使って「http://use... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryのajax()を中断する方法
jQueryのajax()を中断する方法を紹介します。 １．問題点 次のように、ajax()メソッドでHTMLを取得するコードがあります。 ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery.ajax()で取得したHTMLの一部を抜き出す方法
jQuery.ajax()で取得したHTMLの一部を抜き出す方法を紹介します。 １．問題点 次のように、ajax()メソッドで取得したHTM... [記事ページへ]
Comments [0]
| Trackbacks [0]
stopPropagation()について
jQueryおよびJavaScriptのstopPropagation()について調べてみました。 １．stopPropagation()と... [記事ページへ]
Comments [0]
| Trackbacks [0]
preventDefault()について
jQueryおよびJavaScriptのpreventDefault()について調べてみました。 １．preventDefault()とは ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryで要素を追加するメソッドのまとめ
jQueryで要素を追加するメソッドをまとめてみました。 このエントリーはビギナーの方向けの内容です。 jQueryを呼び出すためのscri... [記事ページへ]
Comments [0]
| Trackbacks [0]
スマホ向けページを拡大できるようにするブックマークレット
スマホ向けページを拡大できるようにするブックマークレットを作ってみました。 １．概要 最近、PC向けのページとスマホサイト向けのページで最適... [記事ページへ]
Comments [0]
| Trackbacks [0]
パスワードを表示するブックマークレット
入力フォームのパスワードフィールドのパスワードを一発で表示するブックマークレットを作りました。 １．概要 ログイン時の入力パスワードをブラウ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでサイドメニューに現在のセクション要素を表示する「DisplaySectionプラグイン」
jQueryでサイドメニューに現在のセクション要素を表示する「DisplaySectionプラグイン」を公開します。 ちなみにこのプラグイン... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでヘッダーに現在の見出し要素を表示する「DisplayHeadingプラグイン」
jQueryでヘッダー部分に現在の見出し要素を表示する「DisplayHeadingプラグイン」を公開します。 このプラグインは以下のページ... [記事ページへ]
Comments [0]
| Trackbacks [0]
入力フォームの全角・半角を変換するブックマークレット
入力フォームの全角・半角を変換するブックマークレットを作りました。 「入力フォームの全角・半角を勝手に変換してくれるJavaScript」を... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptでフォーカスのあたっている要素を取得する「document.activeElement」
JavaScriptでフォーカスのあたっている要素を取得できるHTML5の新機能「document.activeElement」について紹介... [記事ページへ]
Comments [0]
| Trackbacks [0]
入力フォームの全角・半角を勝手に変換してくれるJavaScript
入力フォームの全角・半角を勝手に変換してくれるJavaScriptを作りました。 １．発端 「入力フォームの迷宮。全角数字を強要するフォーム... [記事ページへ]
Comments [0]
| Trackbacks [0]
JSONデータをHTMLにマッピングできるjQueryプラグイン「JSON2HTML」
JSONデータをHTMLにマッピングできるjQueryプラグイン「JSON2HTML」を紹介します。 JSON2HTML １．概要 「JSO... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでselect要素のテキストを取得する方法
jQueryでselect要素のテキストを取得する方法を紹介します。 このエントリーでは、 プルダウンで選択したoption要素のテキスト... [記事ページへ]
Comments [1]
| Trackbacks [0]
ローディング画面を簡単に表示できるjQueryプラグイン「BlockUI」
イベント発生時にオーバーレイやメッセージ・ローディング画像といった、いわゆるローディング画面を簡単に表示できるjQueryプラグイン「Blo... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptエラーを表示・確認する方法のまとめ
JavaScriptエラーを表示・確認する方法をまとめました。 １．はじめに ブラウザでページを表示したときに正しく表示されない、あるいはj... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでクリックした要素が何番目かを調べる方法
jQueryでクリックした要素が何番目の要素かを調べる方法を紹介します。 このエントリーはビギナーの方向けの内容です。 １．問題点 次のよう... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryで新しい要素を作成する方法
jQueryで新しい要素を作成する方法を紹介します。 ここでは新しい要素を作成方法と、新しく作った要素にコンテンツを加える方法、そしてウェブ... [記事ページへ]
Comments [0]
| Trackbacks [0]
Feedlyでサイドバーを常に表示させるブックマークレット
Feedlyでサイドバーを常に表示させるブックマークレットを作りました。 「サイドバーは常に表示されているよ」という方はこの記事を読み飛ばし... [記事ページへ]
Comments [0]
| Trackbacks [0]
スクロールしたときにおすすめ記事を右下からにゅるっと表示させるjQuery「RecommendFooterプラグイン」
スクロールしたときにおすすめ記事を右下からにゅるっと表示させるjQuery「RecommendFooterプラグイン」を公開します。 １．サ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでoption要素を追加する方法
jQueryでoption要素を追加する方法を紹介します。 １．option要素を追加する 次のselect要素があると仮定します。sele... [記事ページへ]
Comments [0]
| Trackbacks [0]
ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由
ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由を調べてみました。 １．はじめに TwitterやPoc... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptでCSSの擬似クラスを設定する方法
JavaScriptでCSSの擬似クラス（:link/:visited/:hover/:activeなど）を設定する方法を紹介します。 １．... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery UI Soatableでソートしたテーブルの並びを保存する方法
jQuery UI Soatableでソートしたテーブルの並びを保存する方法を紹介します。 先日「jQuery UIを使ってテーブルをドラッ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery UIを使ってテーブルをドラッグ＆ドロップでソートできるようにする
jQuery UIを使ってテーブルをドラッグ＆ドロップでソートできるようにする方法を紹介します。 テーブルをソートするには、jQuery U... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryプラグインの先頭にセミコロンがある理由
jQueryプラグインの先頭にセミコロンがある理由を調べてみました。 １．「jQueryプラグインの先頭にセミコロン」とは？ 例えば、レスポ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery UIのtoggle()でjQueryのslideToggle()よりカッコよくスライドさせる方法
jQuery UIのtoggle()を使って、jQueryのslideToggle()よりカッコよくスライドさせる方法について紹介します。 ... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptの正規表現で文字列を抜き出す「グループ化」
JavaScriptの正規表現で特定の文字列を抜き出す「グループ化」について解説します。 JavaScriptで特定の文字列を抜き出して処理... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでCSSのimportantを指定する方法
jQueryでCSSのimportantを指定する方法を紹介します。 １．問題点 jQueryでCSSの設定を行う場合、css()を利用しま... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にする方法
jQuery UI Tabsのタブ切替でブラウザの「戻る」「進む」を有効にする方法を紹介します。 １．jQuery UI Tabsについて ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryのAjaxやタブ切替などでブラウザの「戻る」「進む」が有効になる「hashchangeプラグイン」（実装解説つき）
jQueryのAjaxやタブ切替などでブラウザの「戻る」「進む」が有効になる「hashchangeプラグイン」を紹介します。 jQuery ... [記事ページへ]
Comments [0]
| Trackbacks [0]
ページを移動（離脱）するときにjQueryで警告を出す方法
Facebookなどでフォーム入力中にページを移動（離脱）しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介し... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでcookieを簡単に使える「jQuery Cookie」のまとめ
jQueryでcookieを簡単に使える「jQuery Cookie」の利用方法のまとめです。 １．機能 名前のとおり、「jQuery Co... [記事ページへ]
Comments [0]
| Trackbacks [0]
node.jsのHTTPクライアントでレスポンス時間が遅延する問題を解消する
node.jsのHTTPクライアントでレスポンス時間が遅延する問題を解消する方法を紹介します。 １．問題点 業務で、Ruby on Rail... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery.uploadプラグインで親要素のonsubmitを起動させない対処
以前紹介した「jQuery.uploadプラグイン」で、onsubmitを起動しない対処方法を紹介します。 １．「jQuery.upload... [記事ページへ]
Comments [0]
| Trackbacks [0]
スマホのマルチタッチジェスチャーを判断できるjQueryプラグイン「Hammer.js」
スマホでのタップやスワイプなど、マルチタッチジェスチャーを判断できるjQueryプラグイン「Hammer.js」を紹介します。 Hammer... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでセレクトボックス（プルダウンメニュー）のテキストを取得する
jQueryでセレクトボックス（プルダウンメニュー）のテキストを取得する方法を紹介します。 １．問題点 次のようなセレクトボックス（プルダウ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryのgetJSON()でエラーをハンドリングする
jQuery.getJSON()でエラーをハンドリングする方法を紹介します。 １．はじめに JSONの取得でエラーをハンドリングにはjQue... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryで既存サイトの画像を「なんちゃって遅延ロード」する方法
jQueryを使って、既存サイトの画像を遅延ロードっぽく見せる方法、いわゆる「なんちゃって遅延ロード」について紹介します。 昨日エントリーし... [記事ページへ]
Comments [0]
| Trackbacks [0]
画像を遅延ロードする定番jQueryプラグイン「Lazy Load」
画像を遅延ロードする定番jQueryプラグイン「Lazy Load」を紹介します。 １．概要 jQueryプラグイン「Lazy Load」を... [記事ページへ]
Comments [0]
| Trackbacks [0]
「ノンプログラマーのためのjQuery生成ツール」作りました
ノンプログラマーのためのjQuery生成ツールを作ってみました。よければご活用ください。 ノンプログラマーのためのjQuery生成ツール サ... [記事ページへ]
Comments [0]
| Trackbacks [0]
画像の一部をズームアップできるjQueryプラグイン「jqZoom」
画像の一部をズームアップできるjQueryプラグイン「jqZoom」を紹介します。 jqZoom １．概要 Amazonをはじめとする、オン... [記事ページへ]
Comments [0]
| Trackbacks [0]
レスポンシブWebデザイン制作にjQuery Masonryを利用するための5つのポイント
先日エントリーした「ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」」の続きで、レスポンシブWe... [記事ページへ]
Comments [0]
| Trackbacks [0]
ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」
ブラウザの幅に応じてレイアウトをきれいに整列できる「jQuery Masonryプラグイン」の使い方を紹介します。 jQuery Mason... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery.ajax()の非同期通信で実行順序を保証する方法
jQuery.ajax()の非同期通信で実行順序を保証する方法を紹介します。 具体的には、jQuery.ajax()による非同期通信を連続し... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery.ajax()のまとめ
jQuery.ajax()について逆引きリファレンスっぽくまとめてみました。 まとめた理由は、ネットで「jQuery.ajax」や「jQue... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptにおける引数や配列の要素数の制限について
JavaScriptにおける、引数や配列の要素数の制限について調べましたので、本エントリーで紹介します。 １．問題点 数万という、大量の要素... [記事ページへ]
Comments [0]
| Trackbacks [0]
スクロールしたときにサイドバーのパーツをjQueryで止める方法
スクロールしたときにサイドバーのパーツを止める方法についてご質問を頂きましたの、で本エントリーで紹介します。 似たような記事を、以前「jQu... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryのtext()とhtml()の違い
jQueryのtext()とhtml()の違いについて紹介します。jQueryビギナー向けのエントリーです。 １．text()について te... [記事ページへ]
Comments [0]
| Trackbacks [0]
AjaxでファイルをアップロードするjQueryプラグイン「jQuery.upload」
AjaxでファイルをアップロードするjQueryプラグイン「jQuery.upload」を紹介します。 jQuery.upload １．機能... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptのsetTimeout()のまとめ
JavaScriptのsetTimeout()の使い方についてまとめてみました。 まとめているのは基本的なことのみですので、さらに詳しい内容... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでセレクタを複数指定する方法
ご存知の方も多いと思いますが、jQueryでセレクタを複数指定する方法を紹介します。 １．セレクタを複数指定する jQueryでセレクタを複... [記事ページへ]
Comments [0]
| Trackbacks [0]
Facebookのニュースフィードやタイムラインのコメント文字を拡大するブックマークレット
Facebookのニュースフィードやタイムラインのコメント文字が小さいと思われる方、結構いらっしゃるのではないでしょうか。 ということで、F... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptの文字列置換とjQueryのDOM要素置換のまとめ
JavaScriptの文字列置換とjQueryのDOM要素置換について、まとめて紹介します。 特にJavaScriptの文字列置換はいつもや... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryで要素の表示・非表示を判定する方法
jQueryの要素の表示・非表示を判定する方法を紹介します。 １．基本 jQueryでは、要素の表示・非表示のためのメソッドとして、show... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery.ajaxメソッドのdataオプションに設定する変数がundefinedの場合の動作について
jQueryのajaxメソッドでdataオプションに設定する変数がundefinedの場合の動作について調べてみました。 動作というのは、P... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryで遅延ロードを汎用的に実現する「ScrollTrigger」プラグイン
jQueryで遅延ロード（遅延読み込み）を汎用的に実現する「ScrollTrigger」プラグインを紹介します。スクロールで要素が表示された... [記事ページへ]
Comments [0]
| Trackbacks [0]
「jQuery」という名称が本当は「JSelect」だった件
ふと思い立って、「jQuery」という名称の由来・語源を調べてみました。 １．jQueryの由来について ネットで検索してみると、jQuer... [記事ページへ]
Comments [0]
| Trackbacks [0]
ソーシャルボタンを簡単に設置できる「jQuery.socialbuttonプラグイン」
ソーシャルボタンを簡単に設置できる「jQuery.socialbuttonプラグイン」を紹介します。 １．機能 このプラグインを利用すれば、... [記事ページへ]
Comments [0]
| Trackbacks [0]
data URI Schemeを使ってHTTPリクエストを削減する
data URI Schemeを使ってHTTPリクエストを削減する方法を紹介します。 １．概略 HTMLで画像を表示する場合、 <im... [記事ページへ]
Comments [0]
| Trackbacks [0]
複数のJavaScriptファイルを簡単にマージできるオンラインサービス「JMerge」
ウェブサイトのパフォーマンスを向上させるテクニックの1つに、HTTPリクエスト数を減らす方法があります。 複数のJavaScriptファイル... [記事ページへ]
Comments [0]
| Trackbacks [0]
Facebookページへのページタブ追加が一瞬で行えるブックマークレット
以前、「FacebookページへのIFrameタブ追加方法が変更」で紹介したとおり、FacebookページにIFrameタブ（以下ページタブ... [記事ページへ]
Comments [0]
| Trackbacks [0]
onclickイベントとjQueryのclickイベントを併用するときの注意
利用シーンはあまりないと思いますが、onclickイベントにjQueryのclickイベントを追加するときの注意点をまとめました。 次のよう... [記事ページへ]
Comments [0]
| Trackbacks [0]
IEでzenbackとjQueryのコンフリクトによる不具合を回避する方法
IEでzenbackとjQueryのコンフリクトによる不具合を回避する方法を紹介します。 １．問題 IEでzenbackとjQueryプラグ... [記事ページへ]
Comments [0]
| Trackbacks [1]
FacebookページのフィードURLを取得するブックマークレット
先日「FacebookページのフィードURLを取得してフィードリーダーで購読する方法」をエントリーしました。 エントリーの中にFaceboo... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScript圧縮・難読化の定番ツール「/packer/」
JavaScript圧縮・難読化の定番ツール「/packer/」を紹介します。直感的で動作も軽量です。 /packer/ 「定番」と書いた理... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryによる要素の存在チェックまとめ
jQueryによる要素の存在チェックまとめです。 jQueryを実行する際、「$(selector)」が成功してjQueryオブジェクトが生... [記事ページへ]
Comments [0]
| Trackbacks [0]
プログラミング初心者がJavaScriptを1分で実行する方法
プログラミング初心者がJavaScriptを1分で実行する方法を紹介します。 JavaScriptはブラウザ上で実行できるので、ブラウザを利... [記事ページへ]
Comments [0]
| Trackbacks [0]
HTML5のplaceholder属性をクロスブラウザ対応にするjQueryプラグイン「jQuery-Placeholder」
HTML5のplaceholder属性をクロスブラウザ対応にするjQueryプラグイン「jQuery-Placeholder」jQueryプ... [記事ページへ]
Comments [0]
| Trackbacks [0]
ブラウザの幅にあわせてフォントサイズを拡大・縮小するjQueryプラグイン「FitText」
ブラウザの幅にあわせてフォントサイズを拡大・縮小するjQueryプラグイン「FitText」を紹介します。 FitText ウェブサイトをP... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでスクロールした要素をページ上部に固定するPersistentHeadersプラグイン
jQueryでスクロールした要素をページ上部に固定するPersistentHeadersプラグインを公開します。 このプラグインは、下記のサ... [記事ページへ]
Comments [0]
| Trackbacks [0]
HTMLの整形やJavaScriptの難読化を解除する「jsbeautifier.org」
HTMLの整形やJavaScriptの難読化を解除する「jsbeautifier.org」を紹介します。 JavaScriptの難読化解除に... [記事ページへ]
Comments [0]
| Trackbacks [0]
TwitterやFacebookのように一番下までスクロールしたら自動的にコンテンツを表示する「jQuery.Bottomプラグイン」
TwitterのタイムラインやFacebookのニュースフィードように、ページの一番下までスクロールしたらコンテンツを自動的に表示する「jQ... [記事ページへ]
Comments [2]
| Trackbacks [0]
リロードしたときにjQueryでページの先頭にスクロールさせる方法
ページをリロードしたときに、jQueryでページの先頭にスクロールさせる方法を紹介します。 リンクをクリックしてページの先頭にスクロールさせ... [記事ページへ]
Comments [0]
| Trackbacks [1]
フォームに設置した複数のsubmitボタン（送信ボタン）をjQueryで制御する
1つのフォームに複数設置したsubmitボタン（送信ボタン）の挙動をjQueryで操作・変更する方法を紹介します。 １．用途 このエントリー... [記事ページへ]
Comments [0]
| Trackbacks [0]
フォームの<input type="file" />の値をjQueryでリセット（クリア）する方法
フォームの<input type="file" />の値をjQueryでリセット（クリア）する方法を紹介します。 １．問題点 フ... [記事ページへ]
Comments [0]
| Trackbacks [0]
リターン（Enterキー）でフォームを送信しない方法
フォームのテキスト入力中にうっかりリターン（Enterキー）を押してしまい、中途半端なフォームが送信されてしまったという経験をした人は結構多... [記事ページへ]
Comments [0]
| Trackbacks [0]
onsubmitの戻り値をfalseにしてsubmitを実行しない（中断させる）方法
JavaScriptで、onsubmitの戻り値をfalseにしてフォームのsubmitを中断させる（実行しない）方法を紹介します。 １．o... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptで現在時刻や今日の日付を取得・表示する
JavaScriptで今日の日付や現在時刻を取得・表示する方法です。 毎回同じものを作っているような気がするのと、JavaScriptのビギ... [記事ページへ]
Comments [0]
| Trackbacks [0]
HTML5のWebsocketを使って同時接続数をサーバから送信する
HTML5のWebsocket（Node.js+Socket.IO）を使って、現在の同時接続数をサーバから送信するサンプルを作ってみました。... [記事ページへ]
Comments [0]
| Trackbacks [0]
Windows+Node.js+Socket.IO
Windowsを使ってNode.js+Socket.IOを試してみました。 マシンはWindows VISTAですが、Windows 7でも... [記事ページへ]
Comments [0]
| Trackbacks [0]
Twitter検索結果をリアルタイム表示するjQueryプラグイン「monitter」徹底解説
Twitterの検索結果をリアルタイム表示するjQueryプラグイン「monitter」を紹介します。スクリーンショットは「Android」... [記事ページへ]
Comments [2]
| Trackbacks [0]
jQuery Mobileのデザインを簡単に作れる「ThemeRoller」徹底解説
jQuery Mobileのデザインを簡単に作れる、jQuery Mobile公式サイトで提供している「ThemeRoller」を紹介します... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery lightBoxプラグインで拡大画像の幅・高さを制限する方法
拡大画像を表示するJavaScriptライブラリ「jQuery lightBoxプラグイン」で、拡大画像の幅・高さを制限する方法を紹介します... [記事ページへ]
Comments [0]
| Trackbacks [0]
テーブルを直接編集できるjQuery.TableEditorプラグイン
テーブルを直接編集できるようにするjQuery.TableEditorプラグインを紹介します。 １．サンプル 以下のリンク先にサンプルを用意... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでセレクタを再指定する方法
jQueryでセレクタ指定で取得したjQueryオブジェクトを使って、さらにセレクタ指定を行う方法です。 追記：to-Rの西畑さんに添削して... [記事ページへ]
Comments [2]
| Trackbacks [0]
jQueryでテーブルに行を追加する方法
jQueryでテーブル（table要素）に行を追加する方法を紹介します。 テーブル操作は、テーブル系のjQueryプラグインで色々なことが実... [記事ページへ]
Comments [0]
| Trackbacks [0]
Highslide JSの動作やスタイルを簡単に設定できる「Highslide Editor」の徹底解説
ウェブサイトに掲載するサムネイル画像の拡大には「Highslide JS」が非常に便利ですが、多機能なせいか、動作やスタイルの指定が結構面倒... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでセレクトボックスの複数選択と単一選択を切り替える
jQueryでセレクトボックスの複数選択と単一選択を切り替える方法を紹介します。 １．サンプル サンプルを用意しましたので動作を確認してくだ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでスマホサイト向けに画像サイズを縮小する方法
jQueryでスマホサイト向けに画像サイズを縮小する方法を紹介します。 １．サンプル 次のようなPCサイト用のページがあります。この場合、M... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryのlive関数を使ってAjaxで取得したコンテンツにイベントハンドラを登録する
jQueryのlive関数について紹介します。 live関数の使用例として、コンテンツの折りたたみをサンプルに用います。 １．コンテンツの折... [記事ページへ]
Comments [0]
| Trackbacks [0]
CSSファイルやJavaScriptファイルを読み込むときの末尾にあるクエリー文字列は何のためにあるか
あちこちのウェブサイトのHTMLソースを見ると、CSSファイルやJSファイルを読み込むlink要素やscript要素のファイル名の末尾に「?... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery Listfolderプラグイン v0.0.5
jQueryでサイドメニューの折りたたみを実現するListfolderプラグインをバージョンアップしました。 １．変更点 これまでのバージョ... [記事ページへ]
Comments [0]
| Trackbacks [0]
Gmailのヘッダを非表示にするブックマークレット
Gmailの上部にあるロゴや検索フォームなどのヘッダ部分を非表示にするブックマークレットを作ってみました。 Facebookでどなたかの「小... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryによるフォームデータ取得方法のまとめ
jQueryによるフォームデータ取得方法のまとめです。 フォームデータの取得で分かりにくいのは、セレクトボックス・ラジオボタン・チェックボッ... [記事ページへ]
Comments [0]
| Trackbacks [0]
FirefoxやChromeでブラウザのウインドウサイズを変更するブックマークレット
小ネタです。ブラウザのウインドウサイズを変えるブックマークレットを紹介します。ビギナー向けにブックマークレットについても簡単に解説しています... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery Listfolderプラグイン v0.0.4（折りたたみマーク表示機能追加）
jQueryでサイドメニューの折りたたみを実現するListfolderプラグインをバージョンアップしました。 １．変更点 次のように折りたた... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery UI Tabsで作ったタブのフォーカスをはずす方法
jQuery UI Tabsで作ったタブをクリックしたときに、タブのフォーカスをはずす方法です。jQuery UI Tabsについては「jQ... [記事ページへ]
Comments [2]
| Trackbacks [0]
Facebookでよく使われるようになったインラインフレーム（iframe）の注意事項
これまでウェブサイトの制作であまり使ったことがなかったインラインフレーム（iframe）ですが、Facebookが登場してからiframeタ... [記事ページへ]
Comments [0]
| Trackbacks [0]
JSONデータをソートする方法
JSONデータをソートする方法を紹介します。 ブラウザやPC環境等に依存するかもしれませんが、FirefoxやGoogle Chromeとい... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery UI Tabsを使ってタブを実装する
jQuery UI Tabsを使ってタブを実装する方法を紹介します。 本当は4月1日は毎年エイプリルフールネタをエントリーしているのですが、... [記事ページへ]
Comments [0]
| Trackbacks [0]
Movable Type + jQuery Mobileによる「計画停電検索サイト」の構築方法まとめ
Movable TypeとjQuery Mobileを使って構築する、スマートフォン向けの計画停電検索サイトのまとめです。 先日公開した「東... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScriptでデータをダンプする「jQuery Dumpプラグイン」
PerlのData::DumperやPHPのvar_dump()のようなことをJavaScriptで行える「jQuery Dumpプラグイン... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery listfolderプラグイン v0.0.3（折りたたみ初期状態設定機能追加）
jQueryでサイドメニューの折りたたみを実現するjQuery listfolderプラグインをバージョンアップしました。 １．追加機能 v... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQueryでサイドメニューの折りたたみを実現するListfolderプラグイン
jQueryでサイドメニューの折りたたみを実現するListfolderプラグインを紹介します。同じようなプラグインはすでに存在すると思います... [記事ページへ]
Comments [5]
| Trackbacks [0]
フォームから別ウィンドウを開く方法のまとめ
フォームから別ウィンドウを開くためのTipsをまとめました。 １．はじめに フォームから別ウィンドウを開く場合、 別ウィンドウで起動される... [記事ページへ]
Comments [2]
| Trackbacks [2]
jQueryでギャラリーを実現するGalleryboxプラグイン
jQueryでギャラリーを実現するGalleryboxプラグインを紹介します。 このプラグインを利用すれば、サムネイル画像をクリックすること... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery ベースのドロップダウンメニュー「Superfish」（縦メニュー）
Superfish は jQuery ベースでドロップダウンメニューを実現するためのライブラリです。 このエントリーは「jQuery ベース... [記事ページへ]
Comments [0]
| Trackbacks [0]
Highslide JSのキャプションのスタイルを調整する
Highslide JSのキャプションのスタイルを調整するカスタマイズです。ご質問を頂きましたので本エントリーで紹介致します。 カスタマイズ... [記事ページへ]
Comments [0]
| Trackbacks [0]
jQuery ベースのドロップダウンメニュー「Superfish」
Superfish は jQuery ベースでドロップダウンメニューを実現するためのライブラリです。 サンプルを用意しましたので動作をご確認... [記事ページへ]
Comments [2]
| Trackbacks [0]
CommentCustomField プラグイン + HighSlide JS
JavaScript ＞ Highslide JS
August 19,2009 1:55 AM
Tag：[Comment, CommentCustomField, MovableType, Plugin]
August 19,2009 1:55 AM
Tag：[Comment, CommentCustomField, MovableType, Plugin]
Movable Type のコメントにカスタムフィールドを追加する CommentCustomField プラグインと HighSlide... [記事ページへ]
Comments [0]
| Trackbacks [0]
Highslide JS のギャラリーモード
Highslide JS の新しいバージョンではスライドショー機能がいくつか組み込まれており、その中のサンプルにある「With Galler... [記事ページへ]
Comments [0]
| Trackbacks [0]
JavaScript カレンダー修正（シルバーウィーク対応）
現在公開中の「JavaScript カレンダー」をバージョンアップし、2009年9月のシルバーウィークに対応しました。 次のように、9月22... [記事ページへ]
Comments [7]
| Trackbacks [0]
Accordion で特定のメニューをデフォルト表示する
先日紹介した「Accordion によるサイドメニューの折りたたみ」で、特定のメニューを最初から表示させておくためのカスタマイズです。 １．... [記事ページへ]
Comments [0]
| Trackbacks [0]
「JavaScript で文字をトリミングする（改善版）」バージョンアップ
JavaScript で文字をトリミングするスクリプトをバージョンアップしました。 JavaScript で文字をトリミングする（改善版） ... [記事ページへ]
Comments [0]
| Trackbacks [0]
Accordion によるサイドメニューの折りたたみ
JavaScript ライブラリ Accordion によるサイドメニューの折りたたみです。 Accordion は、いくつかのメニューをグ... [記事ページへ]
Comments [39]
| Trackbacks [0]
dtree のサブカテゴリーリストにブログ記事タイトルを表示する for Movable Type
以前ご紹介した、「dTree によるサブカテゴリーリスト for Movable Type」で、ブログ記事タイトルを表示するカスタマイズをご... [記事ページへ]
Comments [5]
| Trackbacks [0]
tabAccordion によるサイドメニューの折りたたみ for WordPress
WordPress で tabAccordion によるサイドメニューの折りたたみについて質問を頂きましたので、本エントリーにてカスタマイズ... [記事ページへ]
Comments [18]
| Trackbacks [1]
Parallax Backgrounds で背景画像のスクロール速度を変える
背景画像のスクロール速度を変えることで、コンテンツと背景画像で遠近感を演出することができるスクリプト「Parallax Background... [記事ページへ]
Comments [0]
| Trackbacks [0]
prototype.js と pngfix.js の競合を解消する
prototype.js の Ajax.Request と pngfix.js の処理が競合（あるいは干渉）して、pngfix.js 側の処... [記事ページへ]
Comments [2]
| Trackbacks [1]
JavaScript の for 文のパフォーマンスを改善する
すでにご存知の方も多いと思いますが、for 文のパフォーマンス改善テクニックです。 変更前 for (i = 0; i < eleme... [記事ページへ]
Comments [1]
| Trackbacks [0]
Google マップの貼り付け用 HTML を valid にする
Google マップをブログ等に貼り付ける「埋め込み HTML」の提供が開始されましたが、その HTML を valid にするスクリプトを... [記事ページへ]
Comments [7]
| Trackbacks [11]
Movable Type 4 の透過 PNG ロゴを IE6 以下のブラウザで透過する
デフォルトテンプレートで新しく表示されている Movable Type 4 のロゴは透過PNGのため、IE6以下のブラウザでは透過されず、2... [記事ページへ]
Comments [2]
| Trackbacks [1]
ツリー表示 JavaScript 「dTree」詳解
「dTree によるサブカテゴリーリスト for Movable Type」で紹介した dTree の詳細について、本エントリーにて紹介しま... [記事ページへ]
Comments [3]
| Trackbacks [0]
dTree によるサブカテゴリーリスト for Movable Type
dTree というエクスプローラー風のツリー表示スクリプトを利用した、Movable Type のサブカテゴリーリストのツリー化カスタマイズ... [記事ページへ]
Comments [35]
| Trackbacks [1]
HighSlide JS と prototype.js の競合を解消する
サムネイル画像を拡大させる HighSlide JS（関連記事「Highslide JS でサムネイル画像を拡大表示する」）には、 ブラウザ... [記事ページへ]
Comments [2]
| Trackbacks [2]
「サイドメニューの折りたたみ」でメニューリスト別に状態保持を設定する
「メニューリスト別に折りたたみ状態の保持を設定できないでしょうか」というご要望を頂きましたので、折りたたみスクリプトを修正し、メニューリスト... [記事ページへ]
Comments [9]
| Trackbacks [3]
JavaScript カレンダー修正（春分の日・秋分の日の振替休日対応）
現在公開中の JavaScript カレンダーで「春分の日と秋分の日の振替休日が有効になりません」というご指摘を頂き、スクリプトを修正致しま... [記事ページへ]
Comments [2]
| Trackbacks [2]
「追記文章の折りたたみ 2.0」でIE7の不具合を解消する
「追記文章の折りたたみ 2.0」というカスタマイズで scriptaculous の Effect.BlindDown および Effect... [記事ページへ]
Comments [2]
| Trackbacks [0]
HighSlide JS の onclick 属性を JavaScript で登録する
サムネイルをポップアップ表示する HighSlide JS で onclick 属性および onkeypress 属性を JavaScrip... [記事ページへ]
Comments [13]
| Trackbacks [4]
追記文章の折りたたみ Web2.0
Movable Type のオーソドックスなカスタマイズのひとつ、「追記文章の折りたたみ」の Web2.0 版カスタマイズをご紹介します。 ... [記事ページへ]
Comments [34]
| Trackbacks [4]
Slider によるフォントサイズ変更でアクセシビリティを向上させる
以前ご紹介した Slider を利用して、ページのフォントサイズを変更するカスタマイズをご紹介します。 下のサンプルをクリックし、ページ左上... [記事ページへ]
Comments [0]
| Trackbacks [2]
コメント投稿時にフォームボタンをグレーアウトする for Movable Type
本サイトで適用している、コメントを投稿時にフォームボタンをグレーアウトするためのカスタマイズです。カスタマイズ方法については以前よりリクエス... [記事ページへ]
Comments [6]
| Trackbacks [0]
Slider の利用方法
Ajax ライブラリとしてスライダーの API が色々と公開されていますが、それとは関係なく、1年近く前にみつけてエントリーしていなかったW... [記事ページへ]
Comments [0]
| Trackbacks [2]
カレンダーの日曜と祝日のスタイルを別にする
当サイトで公開しているカレンダーのカスタマイズは、日曜と祝日に同じスタイル（厳密には同一のクラス属性値）を割り当てていますが、「日曜日と祝日... [記事ページへ]
Comments [0]
| Trackbacks [0]
Highslide JS でサムネイル画像を拡大表示する
サムネイル画像をクールに拡大表示する Highslide JS を利用する方法を紹介します。内容は Movable Type をサンプルに... [記事ページへ]
Comments [97]
| Trackbacks [37]
Litebox 1.0 の rel 属性を自動付与する
以前、クールに画像を表示するツール Litebox 1.0 をご紹介しました。この Litebox を起動するためには、a 要素の rel ... [記事ページへ]
Comments [0]
| Trackbacks [6]
JavaScript 不要な月別アーカイブの年別ツリー化＋折りたたみ
月別アーカイブのリスト表示は、Movable Type のデフォルト機能では全ての年月を連続で表示することしかできませんが、プラグインを利用... [記事ページへ]
Comments [37]
| Trackbacks [6]
JavaScript で文字をトリミングする（改善版）
JavaScript を用いてエントリータイトル等の文字をトリミング（指定した文字数だけ表示する）するカスタマイズです。前回の「JavaSc... [記事ページへ]
Comments [12]
| Trackbacks [1]
JavaScript で文字をトリミングする
JavaScript を用いてエントリータイトル等の文字をトリミング（指定した文字数だけ表示する）するカスタマイズです。 以前、「Movab... [記事ページへ]
Comments [0]
| Trackbacks [1]
BlogPeople 等のリンクリストによる表示の遅延を解消する（その1：JavaScript編）
BlogPeople やドリコム RSS がサービスとして提供しているリンクリスト。ご自身のページに直接HTMLでリンク集を作成するより、表... [記事ページへ]
Comments [2]
| Trackbacks [4]
ドラッグ＆ドロップできるサイドメニューの折りたたみ（その2：ブログへの適用）
その1では Docking boxes の基本的な設定方法を紹介しましたが、今回は当サイトの公開テンプレート（Movable Type/FC... [記事ページへ]
Comments [2]
| Trackbacks [0]
ドラッグ＆ドロップできるサイドメニューの折りたたみ（その1：基本設定）
「Docking boxes」という、JavaScript + CSS でサイドメニューの折りたたみとドラッグ＆ドロップを実現したスクリプト... [記事ページへ]
Comments [4]
| Trackbacks [0]
サイドメニューの折りたたみマークに画像を使用する
サイドメニューの折りたたみカスタマイズで、折りたたみマークに画像（img タグ）を使用できるよう、スクリプトを改変致しました。 とりあえずサ... [記事ページへ]
Comments [16]
| Trackbacks [1]
カレンダースクリプト不具合のお知らせ
当サイトで公開している「休日表示付きカレンダースクリプト」について、コメントで「8月の本日表示ができません」という頂き、調査したところ、スク... [記事ページへ]
Comments [6]
| Trackbacks [1]
Litebox 1.0 をブログに適用する
Lightbox JS v2.0 の後継版、Litebox が出ていました。ということで v2.0 はエントリーし損ないましたが、今回は L... [記事ページへ]
Comments [145]
| Trackbacks [55]
サイドバーの折りたたみ
マルチカラムレイアウトでサイドバーを丸ごと折りたたむカスタマイズを紹介します。動作は Windows XP+IE6.0/Firefox1.5... [記事ページへ]
Comments [8]
| Trackbacks [1]
ブログタイトルを分割してCSSで異なるスタイルを設定する
ブログタイトルは Movable Type/Serene Bach 等のブログツールや FC2ブログ/Seesaa ブログ等のブログサービス... [記事ページへ]
Comments [3]
| Trackbacks [0]
休日表示カレンダースクリプト（イギリス版）
以前にご要望を頂いていたカレンダースクリプトのイギリス版を作りました。教えて頂いた下記のサイトを参考に休日を判定しています。 スクリーンショ... [記事ページへ]
Comments [4]
| Trackbacks [0]
Lightbox JS の rel 属性を自動付与する
Lightbox JS を起動するには a 要素の rel 属性に "lightbox" を付与しなければならないという条件がありますが、手... [記事ページへ]
Comments [13]
| Trackbacks [6]
Lightbox JS でブログパーツ等の Flash を PNG 背景画像の下に隠す
サムネール画像から拡大画像をポップアップさせずにスマートに表示する Lightbox JS、以前当サイトでもLightbox JS で画像を... [記事ページへ]
Comments [21]
| Trackbacks [16]
JavaScript カレンダー（休日表示付き）
カレンダーに土、日・祝日、および本日表示を行うための JavaScript です。このスクリプトにカレンダー解析スクリプトとCSSを加えるこ... [記事ページへ]
Comments [22]
| Trackbacks [1]
Lightbox JS の Movable Type での不具合を修正する
JavaScript ＞ Lightbox JS
January 15,2006 11:55 PM
Tag：[Customize, JavaScript, Lightbox, MovableType]
January 15,2006 11:55 PM
Tag：[Customize, JavaScript, Lightbox, MovableType]
昨日エントリーしたLightbox JS で画像を表示するですが、Movable Type のアーカイブページ（カテゴリー・アーカイブ／月別... [記事ページへ]
Comments [33]
| Trackbacks [15]
Lightbox JS で画像を表示する
JavaScript ＞ Lightbox JS
January 13,2006 11:55 PM
Tag：[Customize, FC2, JavaScript, MovableType, sb, SereneBach]
January 13,2006 11:55 PM
Tag：[Customize, FC2, JavaScript, MovableType, sb, SereneBach]
サムネールをクリックすると同一ウィンドウ上に画像を表示するという Lightbox JS です。ご質問を頂いて知ったのですが結構広まっている... [記事ページへ]
Comments [54]
| Trackbacks [48]
表示するデータを周期的に切り替える
お知らせ等のちょっとしたデータの表示を周期的に切り替えるカスタマイズです。サンプルでは3秒周期でデータを切り替えるように設定しています。テン... [記事ページへ]
Comments [0]
| Trackbacks [0]
商品リンクをランダムに切り替える
Amazon 等の商品リンクをランダムに切り替えて表示する方法です。具体的な動作は、JavaScript の乱数を利用して、ページを表示する... [記事ページへ]
Comments [4]
| Trackbacks [1]
JavaScript エラーを解消する
Windows IE6.0 でページを表示した時、ステータスバー左下に画像のような黄色いアイコンと「ページでエラーが発生しました」という情報... [記事ページへ]
Comments [14]
| Trackbacks [1]
サイドメニューの折りたたみ（v5.0：ゆっくり折りたたむ）
Movable Type ＞ カスタマイズ ＞ 折りたたみ ＞ サイドメニュー
August 24,2005 11:56 PM
Tag：[Ajax, Customize, Folding, JavaScript, MovableType, SideMenu]
August 24,2005 11:56 PM
Tag：[Ajax, Customize, Folding, JavaScript, MovableType, SideMenu]
お知らせ：2005/8/25 15:00 頃より前にカスタマイズされた方は動作に不具合がありますので、「４．スクリプトの修正」を実施ください... [記事ページへ]
Comments [75]
| Trackbacks [25]
サイドメニューの折りたたみに画像を使用する
Movable Type ＞ カスタマイズ ＞ 折りたたみ ＞ サイドメニュー
June 24,2005 11:58 PM
Tag：[CSS, Customize, Folding, Image, JavaScript, MovableType, SideMenu]
June 24,2005 11:58 PM
Tag：[CSS, Customize, Folding, Image, JavaScript, MovableType, SideMenu]
サイドメニューの折りたたみ（v4.0）でブロックレベル要素指定による折りたたみをご紹介しましたが、タイトル部分の背景やロールオーバーした時に... [記事ページへ]
Comments [2]
| Trackbacks [0]
サイドメニューの折りたたみ（v4.0）
Movable Type ＞ カスタマイズ ＞ 折りたたみ ＞ サイドメニュー
April 1,2005 10:00 PM
Tag：[Customize, Folding, JavaScript, MovableType, SideMenu]
April 1,2005 10:00 PM
Tag：[Customize, Folding, JavaScript, MovableType, SideMenu]
お知らせ：現在 Ver5.0 をリリースしています。 これまでの折りたたみスクリプト menufolder.js を大幅に改造してバージョン... [記事ページへ]
Comments [231]
| Trackbacks [80]
サイドメニュー折りたたみスクリプト（cookie等改善版）
サイドメニュー折りたたみスクリプトを改版致しました。 現在公開中のサイドメニュー折りたたみスクリプト（menufolder.js）は、 co... [記事ページへ]
Comments [92]
| Trackbacks [69]
