タグ

jQueryとajaxに関するm_insolenceのブックマーク (7)

  • selectボックスの中身は「jSelect」を活用してサーバで管理する開発方法:phpspot開発日誌

    Plugin JQuery jSelect - Demonstration selectボックスの中身は「jSelect」を活用してサーバで管理する開発方法。 これまで select の組み立てはサーバ側でPHPなんかでループさせて行うのが当たり前と思っていました。 jSelect を使えば、XMLやJSON、配列等のフォーマットからなるデータをajaxで読み取ってselect ボックスを簡単に動的に作成できます。 JavaScriptで動的に作った方がよいケースも多そうなので、導入できそうな部分は取り入れたほうがよいかも。 ということで、jSelect とそのメリットをご紹介。 jselect は、たとえば、次のようなHTMLがあったとします <select name="test"> <optoin>loading.... </select> で、$('#test').jselect({

    m_insolence
    m_insolence 2009/05/07
    「JSONやXMLでデータを返すAPIさえあれば、自由にselectの中身を書き換えられる」使う場面が浮かばないなぁ…
  • The jQuery Style - Awesome sites built with jQuery

    Working with hugedomains.com was a quick and easy process. We got to speak to multiple real people located in Colorado without having to wait on hold! Our only complaint was we felt we had to overpay more than this particular domain was worth, and we weren't able to negotiate it down to a level that we felt was fair. However, payment and delivery were seamless, and within a few hours we had all of

    The jQuery Style - Awesome sites built with jQuery
  • CSSでクールにデザインされた階層ドロップダウンボックス実装jQueryプラグイン「mcDropdown」:phpspot開発日誌

    Giva Labs - mcDropdown jQuery Plug-in | Giva CSSでクールにデザインされた階層ドロップダウンボックス実装jQueryプラグイン「mcDropdown」。 一見なんの変哲もないドロップダウンですが、「▼」のボタンをクリックして驚き。 次のようなCSSでスタイルされたカッコいいドロップダウンが出現します。 階層が深いメニューであっても、普通のcomboボックスに比べて非常に分かりやすく作ることが出来ます。 CSSでレイアウトを調整できるというのはいいですね。 しかも、このドロップダウン、自由入力にも対応しており、「a」を入力したところ、補完候補をサジェストしてくれます。 JavaScriptも駆使されて実現されたこの機能ですが、うまく使えばサイトのナビゲーションを分かりやすくすることが可能かもしれません。 ドロップダウン関連エントリ HTMLだけで

  • わずか2KBで直感的に使えるタブインタフェース実装用jQueryプラグイン「idTabs」:phpspot開発日誌

    idTabs わずか2KBで直感的に使えるタブインタフェース実装用jQueryプラグイン「idTabs」 以下のようなHTMLを簡単にタブ化できるみたいです <ul class="idTabs"> <li><a href="#aaa">Tab 1</a></li> <li><a href="#bbb">Tab 2</a></li> </ul> <div id="aaa">This is tab 1</div> <div id="bbb">This is tab 2</div> UL要素の中にリストを定義してあるのがタブ部分で、<div>部分が該当ページ部分です。 1ページ内に全部のデータを収めることも出来るところもいいですね。 関連エントリ タブ機能付きパーソナライズドホームページ『Netvibes』 多数のタブをグループ化して管理できる「TooManyTabs」

  • jQueryの可能性を知りたいなら・・・『jQuerySTYLE』 | 100SHIKI

    最近はよくjQueryを使うのだが、他の人がどんな風に使っているかに興味がある。 もしあなたが同じように思っているならjQuerySTYLEが参考になるだろう。 このサイト、jQueryが使われているサイトのギャラリーである。 また、それぞれのサイトでjQueryのどの機能(Ajaxだとかナビゲーションだとか)が使われているかもアイコンで一目でわかるようになっている。自分の興味にあわせて覗いてみるといいだろう。 自分が使っているものを他の人がどう使っているか。そんなことに気づかせてくれるこうしたサイトはいいですね。

    jQueryの可能性を知りたいなら・・・『jQuerySTYLE』 | 100SHIKI
  • jQueryのサンプルTOP10 – creamu

    MyPHPDuniaというサイトで、jQueryのサンプルTOP10がまとまっています。 かなり使えるものばかりな感じですね。 » スライドタブボックス » Appleのサイトで使われているようなメニュー » 画像をズーム » 画像の上にスライドするキャプション » メニューの背景にスライドする画像 » タブで画像を切り替える » メニューにフェード効果 » アコーディオンメニュー » タブによるコンテンツ切り替え » タブメニュー 詳しくは以下からどうぞ。ソースコードもダウンロードできますね。 » Top 10 Jquery Examples with Live Demos わいわいと飲み会。超たのしかったぞ。

  • jQuery入門(その1)(1/7):CodeZine

    はじめに 実を言うと、私はずっとJavaScriptを嫌っていました。JavaScriptのコードを書くのが嫌でしたし、いろいろなブラウザに対応するために大量のスクリプトコードを使わなければならないのも嫌でした。そうした点は今でも変わらないのですが、最近になってJavaScriptへの理解が深まったことと、jQueryという小さなJavaScriptクライアントライブラリのおかげで、クライアント中心のAJAXスクリプトコードを書かなければならないときでも恐怖を抱かなくなりました。それどころか、今では喜んで引き受けるほどになっています。クライアントロジックがもっと複雑になり、ブラウザの機能や実装の多様化がさらに進んだとしても、jQueryをはじめとするクライアントライブラリが、JavaScriptHTML DOMを扱う際に必要な正規化を提供してくれます。 私はJavaScriptの初心者と

    jQuery入門(その1)(1/7):CodeZine
  • 1