10 JavascriptのAjaxのタブ

オリから2007年10月25日は° 8コメント




あなたがなぜ小さなJavaScriptの魔法のスパイスそれを、デザイン内のタブを持つWebサイトを構築している場合。 今日は、簡単にあなたの将来設計に組み込むことができる10のJavaScript / Ajaxのタブのスクリプトを切り上げ...

jQueryのコーダスライダー -スライド効果は、Coda - Sliderがすべてに約あるものであり、ニース、滑らかなコンテンツのプレゼンテーション

115.jpg

視点のタブ -パースペクティブのタブが（以前はタブをスライド）、小さなスペースに収まるようにタブの多数を可能にする簡単なプラグインMooToolsのです。

106.jpg

jQueryのIDタブ -それは、ウェブサイト超シンプルにタブを追加できますが、それも無限の可能性への扉を開くことができます- idTabsは、jQueryのプラグインです。

210.jpg

タブのアコーディオン - Moo.FXと書かれたタブスタイルのアコーディオンのスクリプト

35.jpg

XPスタイルのタブのペインには、 -それは、このスクリプトを設定するのは簡単です。 別々のdivをにコンテンツを配置し、動的にタブを作成するJavaScript関数を呼び出す

45.jpg

Ajaxのタブ - Ajaxでタブを行う目的は、Ajaxで何かをするだけではありません。 このが使用されるコンテキストは、目新しさのためではない

55.jpg

タブ付きのページのインターフェイス - Web上でそこにタブ付きインターフェースのかなりの数のJavaScriptの実装があります。 どのようにはるかに良い、しかし、ページをリフレッシュすることなく、ページのタブにページのタブから変更できるように

65.jpg

jQueryのネストされたタブでは、デモでの設定 - [OK]を、いくつかの変更がありましたが、私は例で、それが簡単に維持しようとするでしょう、そして付属のzipファイルが存在します。。 まず、最新のjQueryの構築だけでなく、タブプラグインの最新バージョンが必要です。 私はここに私のコードスニペットで作成したパスに注意を払う

75.jpg

Ajaxのタブリローデッド -時間からあなたがクールなサイトまたはテストのコードを介して実行すると、あなたがどこかでそれを使用する可能性があることを考える時間に。 私はHavocStudios Ajaxタブのシステムについて、私はそれをチェックアウトするためにサイトに戻って行ったと思った

85.jpg

Scriptaculousののタブ -このスクリプトでは、アプリケーションで使用するためのインタラクティブなタブを作成することができます

95.jpg

オリについて
オリバーデールはKoocメディア、Webアプリケーション、オンラインコミュニティ、に特化した英国ベースのWeb企業に実行されますWordpressの チュートリアル ＆ Wordpressの プラグイン 。

コメント

"10 JavascriptのAjaxのタブ"から8の対応
  1. チャンゴ- http://meteora.astrata.com.mxは 言う：
    20:56時2007年10月25日

    このものは、MooToolsのに基づいており、非常に使いやすくなっています！
    ほとんどすべての読み込みをサポートしています。

    メテオラノート[http://meteora.astrata.com.mx/js/meteora/test/unit/notebook.html]

  2. ダレン- http://www.darrenkrape.comは 言う：
    22:13時2007年10月25日

    悪くないリストには、かかわらず、私はそれらの1つだけ（jQueryのネストされたタブは）主なアクセシビリティの問題である、JavaScriptが無効になっているときに正常に機能しているようになる。

    これは、米国政府のサイトを（私がそうであるように）開発する場合にかなり重要な問題であるか、多様な観客で使用するあなたのサイトにいきます。

    ここにもまだJSが無効な状態でアクセス可能な私はjQueryを使ってまとめる例は、次のとおりです。http://dev.darrenkrape.com/dos/usinfo/election/code/index.html（ページの左下の近くにカレンダー機能）。

  3. オリ- http://tutorialblog.orgは 言う：
    22:31時2007年10月25日

    ニースの仕事ダレン - ことをいただきありがとうございます。

  4. ジェミニ- http://www.hungamablog.comは 言う：
    午前10時半2007年10月26日

    合意した。 これは素晴らしいものです。 しかし、AJAXは、あなたのサイト/ブログがPHP互換性があるときのみにプラグインすることができます。 他に、これは無意味です..

  5. ジェレミーキース- http://adactio.com/は 言う：
    12:51時2007年10月30日

    私の知る限りでは、記載されている例のほとんどは、Ajaxを使用してください。 彼らはすべての非常に巧妙なことを行うためにJavaScriptを使用していますが、ページがロードされるとこれらのサービスのほとんどが、サーバーへの呼び出しを行っています。

    万一あなたがこれを明確にするためにこのページのタイトルを修正か？ 十分なさらなるfudgingせずに用語のAjax出回っFUDあります。

  6. リチャードモートン- http://www.qm-consulting.co.uk/は 言う：
    16:05時2007年10月30日

    興味深いが、私はほとんどのナビゲーションタブの動作はAJAXの合併症なしにJavaScriptを介して管理できることを思っただろう。 私はそれが不必要な合併症をintrocueことができるだけという、この種のことのためにAJAXを使用してと何か問題があるとは言わないよ。 それは、餅は餅屋です。

  7. Abhisek - http://ad1987.blogspot.comは 言う：
    12:55時2007年10月31日

    リンクをありがとう...私はIdTabsのために行くだろう

  8. ライナグスタフソン- http://thequeensmen.comは 言う：
    午前12:30 2008年4月11日

    素晴らしいポスト。 それを愛する！

チュートリアルのブログ