table要素内をキーワードでフィルタリングする軽量なjQueryプラグイン・jquery.table_filter.js
table要素内をキーワードで フィルタリングできる、と いうプラグイン。シンプル な用途ですが、割と需要が あるのと、軽量なので一応 メモ。 キーワードを入力するとマッチしない行がテーブルから非表示される、というもの。圧縮版で0.9KBと結構軽量で済みます。 たまに見かけるタイプのスクリプトですが、フィルタリングのみというのはなかなか無いので助かります。大容量なテーブルデータコンテンツには実装してあげたいところですね。 Sample 動作サンプルです。日本語だとChromeとFirefoxは別の挙動をするかも。IEは分からない。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js'></script> <script type="tex
WordPressのサイト内検索の検索条件をカスタマイズする
※WordPress3.3.2を使用しています。 2012.06.01 「投稿記事だけ検索したい」に抜けている部分があったので修正しました。 検索フォームの設置 一つのテキストフォームだけで検索する場合は以下のコードを表示させたい位置に配置するだけですね。 wp template <div id="search-box"> <form method="get" action="<?php bloginfo( 'url' ); ?>"> <input name="s" id="s" type="text" /> <input id="submit" type="submit" value="検索" /> </form> </div> あとは「search.php」を作成して適当にループさせれば検索結果が表示されます。 投稿記事だけ検索したい 標準のサイト内検索は固定ページも検索範囲に含まれて
YouTube人気急上昇
【ゆっくり実況】パトカーを進化させていくバカゲー！？最高級の車にする！！パトカーの進化がすごすぎるゲームをやりこんだらヤバすぎた…！！【 Super Car 3D 】【たくっち】
Movable Type5.0のリスト画面をカスタムフィールドの値で絞り込める「AddCFQuickFilterプラグイン」
Movable Type5.0のブログ記事一覧などのリスト画面をカスタムフィールドの値で絞り込める「AddCFQuickFilterプラグイン」を公開します。 １．機能 Movable Type5.0の記事一覧画面の「絞込み」に、カスタムフィールドの項目を表示します。 表示するタイプは「テキスト」「ラジオボタン」「セレクトボックス」の3種類です。「テキスト」の場合は、条件を入力するテキストフィールドを表示します。 「ラジオボタン」「セレクトボックス」の場合はオプションを表示します。 こんな感じで絞り込めます。 動作確認はMT5.06で行っています。今のところMT5.06以下のバージョンでは動作保障していませんので注意してください。 ２．価格 価格：\3,000-（税別）/1インストールM、T購入前に必ず動作確認してください） ３．プラグインのダウンロード 下記のリンクをクリックして、プラグ
WordPressの検索機能をもっと使いやすくする
2013年4月1日 Wordpress WordPressにはデフォルトで検索フォームが設定されているので、一行のコードを追加するだけで簡単に検索フォームを設置することができます。しかしその検索フォームは本当に簡易なもの。よりユーザーが使いやすくなるようにカスタマイズする方法をいくつか紹介します。実際にWebクリエイターボックスで使っているコードも公開しているので、ぜひ参考にしてみてください。 ↑私が10年以上利用している会計ソフト！ 検索フォームの設置方法 まずは基本編、フォームの設置方法です。自分でオリジナルテーマを作成したり、カスタマイズする時に地味にひっかかる検索フォームの設置方法（たぶん）。設置するだけなら以下の一行をテーマファイル内に記述するだけでWordPressが最初から用意しているフォームを実装することができます。 <?php get_search_form(); ?>
簡単なjQueryコードでリストメニューにフィルタリング機能を加える
縦長になってしまったリストメニューは非常に 見にくく、使いづらいものです。ECサイトなんか でも頻繁に見かける光景ですが、カテゴリで 分けてもそれはそれで探しにくくなってしまった りと、あっちたてればこっち立たずみたいな経験 は無いでしょうか？あ、無いですか・・ そんな縦長のリストメニューの使いにくさを解消する一つの手としてフィルタリング機能があります。フィルタリングは簡単なjQueryのコードで実現することが可能です。 デモ縦長のメニューです。テキスト入力でフィルタリングできます。 北海道（ほっかいどう）青森県（あおもり）岩手県（いわて）宮城県（みやぎ）秋田県（あきた）山形県（やまがた）福島県（ふくしま）茨城県（いばらき）栃木県（とちぎ）群馬県（ぐんま）埼玉県（さいたま）千葉県（ちば）東京都（とうきょう）神奈川県（かながわ）新潟県（にいがた）富山県（とやま）石川県（いしかわ）福井県（ふく
フォームのselect要素内をインスタンス検索出来るようにし、美しいデザインにも変更できるjQueryプラグイン・Chosen
結構便利そうだったのでご紹介。フォームの select要素内に羅列されたoptionから、入力 するだけで結果を表示するインスタンス検索 を可能にするスクリプト・Chosenです。表題 にはjQueryプラグインと書きましたが、この スクリプトにはjQueryプラグインとprototype の2つが用意されています。 optionの量が多くなってしまうことはよくあるので、この手のユーザビリティ向上系スクリプトは多く存在しますが、これはかなり便利ではないかなと思いました。似たようなのもうあるんですかね。 通常のselectボックスでプルダウンさせると検索窓も表示、キーワードを入れるだけでソートしてくれます。いわゆるインスタンス検索が可能になるので大量のoptionが存在してもユーザーの利便性を全く損ないません。 デモ見たほうが早いですね。※追記：日本語だとFirefoxのみ動かないみたい。英
多数アイテムの絞り込みや並替えを超クールに演出できるjQueryプラグイン「Isotope」:phpspot開発日誌
Isotope 多数アイテムの絞り込みや並替えを超クールに演出できるjQueryプラグイン「Isotope」。 デモページ上部の Filter や Sort、Layout 部分のボタンをクリックすると、下に並ぶ多数のアイテムがそれぞれアニメーションしながら並び替わります。 例えば、iPhone等でページを見ていて、ブログの記事項目が多い場合、フィルタやソートをした方が見やすい場合があったりしそうですが、そんな場合もクリック一発で求める情報に絞り込めて便利。 ただ絞り込むだけではなくアニメーションがクールに演出してくれます。 デフォルトの並び。これだけ見ても綺麗ですが、ボタンクリックでソートすると・・・。 次のようにレイアウトががらりと変わります。 アニメーションがいいです。レイアウトなんかも替えられます。 アイテムを絞りこむと次のようにアイテムが少なくなって見やすくなります。 尚、商用で利
Dynamic Dependent Select Box using Jquery and Ajax
How to do dynamic dependent select box using Jquery, Ajax, PHP and Mysql. Dependent select box when a selection is made in a "Parent" box it allow to refresh a "child" box list data. In this post I had given a database relationship example betweent "catergory" and "subcategory". It's very simple jquery code hope you like this. Download Script Live Demo Database Sample database tables. Data tab
インタラクションデザインで忘れがちになるユーザ視点 (ユーザビリティ実践メモ)
最近のウェブサイトは動作（インタラクション）を含んだサイトが多く見受けられます。ただし、インタラクションが加わることで逆に使いにくくなってしまうこともあるため、使用する場合は気を付ける必要があります。 本日は、インタラクション設計を行った検討経緯をご紹介する中で、ユーザ視点の重要性を確認したいと思います。 しかし、事前に行なったユーザ調査で、この商材を検討するユーザの中には間髪なくどんどんとチェックを入れていく方が多いことが結果として出ていました。これでは使いやすくするためのローディング表示のせいで絞り込み行動を邪魔してしまいます。 そこで、絞り込みエリアとは別の箇所で目立つ形でローディングを表示するという案を今回は採用することにしました。これであればユーザは絞り込み機能が「使いやすく」、なおかつサイト側が更新されていることに「気づきやすい」仕様となります。（例2参照） ●「フィードバック
ブログ記事詳細検索プラグイン（その1・概要／インストール／ライセンス）
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 「WordPressで学ぶPHP(2)データ構造(配列・オブジェクト)編」を発売しました。 本書は「WordPressで学ぶPHP(1)変数・制御構造編」の続編にあたり、PHPの「データ構造」(配列とオブジェクト)について解説します。 配列やオブジェクトは、頭の中で考えるだけでは、イメージがつかみにくいです。本書では図を多用して、配列やオブジェクトをなるべく分かりやすく解説することを心がけました。 Kindle本で、定価250円です。 Movable TypeをCMSとして使う場合、検索機能が弱いことが1つの問題です。 ブログとしての簡易的な検索はできますが、複数の条件で絞り込
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フィルタリング可能なGoogleMapを実装するjQueryプラグイン・Searchable Map