タグ

ブックマーク / gihyo.jp (2)

  • もっと便利に!jQueryでラクラクサイト制作(実践サンプル付き):第8回 タブプラグインを作ってみよう(後編) |gihyo.jp … 技術評論社

    前回つくったタブパネルスクリプトをもとにして、タブプラグインを作ってみましょう。プラグインを作る、というと何か難しいことのように聞こえるかもしれません。前回作ったタブパネルスクリプトのように、なにも難しいことはありません。まずはプラグインについて少し考えてみましょう。 jQueryプラグインについて 前回の始めに言及したように、プラグインとは、既に完成しているJavaScriptファイルを読み込み、実行するだけで簡単に利用できるものを指すことにします。 例えば、jQueryプラグインは通常以下のようにして実行できるようになっていると思います。 プラグイン(メソッド)の実行 jQuery(function(){ $('div.tabArea').tabPanel(); // 対象のjQueryオブジェトに対してメソッドを実行する }); $('div.tabArea')に対して、tabPan

    もっと便利に!jQueryでラクラクサイト制作(実践サンプル付き):第8回 タブプラグインを作ってみよう(後編) |gihyo.jp … 技術評論社
    aquila2005
    aquila2005 2009/11/24
    タブパネルの自作方法(プラグイン化とカプセル化について)
  • 第7回 タブパネルを実装する(前編) | gihyo.jp

    タブプラグインを作ってみよう 最近ではWebサイトを制作する際によく使われるのが、既に完成しているJavaScriptファイルを読み込み、実行するだけで簡単に利用できるプラグインやライブラリといったものです。 jQueryの場合、プラグインと呼ばれますが、そのプラグインだけでも、数え切れないくらい多くのものが公開されています。 代表的なものでは、jQueryオフィシャルのUIプラグインなどが挙げられます。この連載ではプラグインの紹介は行いませんが、第7回・8回では実際にプラグインを作成してみましょう。 今回の第7回では、タブパネルを実装するスクリプトを書くところまでを紹介し、次回の第8回は今回実装したタブパネルスクリプトを元にプラグイン化するところまでを紹介していきます。 タブパネルを実装するスクリプトを書いてみよう タブパネルの実装について、考えてみましょう。タブパネルUIは様々なシーン

    第7回 タブパネルを実装する(前編) | gihyo.jp
    aquila2005
    aquila2005 2009/11/24
    タブパネルの自作方法
  • 1