タグ

tabに関するpatorashのブックマーク (1)

  • jQuery UI の Tabs プラグインによる、タブを追加できるタブメニュー

    タブ 1 の内容。 この実装例の、jQuery UICSS テーマは、デフォルトのテーマを読み込んで使っている。他の CSS テーマにも対応しているので、色々試してみるといい。 実装例(サンプル)の動作について 「タブを追加」ボタンを押すと、「タブ追加フォーム」というタイトルのダイアログが現れる。 「タブ追加フォーム」ダイアログ内の「追加」ボタンを押すと、「タブ 2」というタイトルのタブを追加する。 「タブ 2」をクリックすると、タブの内容を確認できる。 「×」アイコンをクリックすると、タブを削除する。 実装例(サンプル)のソースコード 読み込み パスは、それぞれ、アップロードした場所を指定する。 <link rel="stylesheet" href="themes/base/jquery.ui.all.css" /> <script type="text/javascript"

    patorash
    patorash 2012/08/21
    jQueryでタブの追加、削除をする方法の参考に。
  • 1