[B! html][検索] apple2teaのブックマーク

apple2tea id:apple2tea

htmlと検索に関するapple2teaのブックマーク (2)

jQueryを使った単語の絞り込み機能作成チュートリアル - MySkill Blog
MySkillでは、スキル名からユーザを検索することができます。フリーワード検索ではなく登録されているスキル名で検索するので、その単語一覧を絞り込む機能をJavaScript(jQuery)で実装しています。簡単なスクリプトなので、実装のチュートリアルとしてまとめてみました。スキルシート/ポートフォリオの検索方針まず単語一覧があり、検索窓に入力すると一覧が絞り込まれていくUIを作成することが目標です。単語全てを羅列した上で絞り込むだけなので、都度検索をサーバに投げる必要がなく、JavaScriptだけで完結します。ただし単語数が多くなるとブラウザや環境によってはものすごく重くなるので、使いどころはよく考える必要があります。 HTMLの構成を決める jQueryで実装する最適化サンプルプログラム欠点 HTMLの構成を決める以下のHTMLで構成されたリストがあるとします。実際はu
apple2tea 2013/06/18
jQueryを使った単語の絞り込み機能作成チュートリアル

jquery

チュートリアル

検索

blog

単語

javascript

html

UI

機能

ブラウザ
リンク
JavaScriptで読み込むCSSファイルをまるっと[7korobi8oki.com]
代表中山陽平ブログ「苦手意識を無くせばWeb活用はうまくいく」弊社では「がんばる中小企業」のWeb活用をサポートしています。今の時代、第3者である、制作会社や代理店におまかせでは勝てません。同じような商品・サービスが溢れる中、選んでもらうためのコンセプトを立て、それを実現するためにネットもリアルも総動員しながら戦う必要があります。みなさんが世の中に・自社の従業員に実現したい幸せや提供価値を、しっかりと実現していくためには、みなさん自身が主役になり、私達のような専門会社が側面支援するのがベストです。このブログでは御社が中心となってウェブ活用できるヒントを配信しています。お悩みの方はお気軽に問い合わせフォームからご相談ください。最新の記事一覧
apple2tea 2012/01/08
seomoz

tips

iOS
リンク
1