年に何度かスマートフォン用の表示で見る年に何度か年に何度か書くブログ。2006-03-09タブClass試作javascripthttp://shiro.au-lait.net/test/tab/tab.html前に似た様な事を仕事でやっていたけど部品化はしていなかったのでJavascriptのClassにしてみた。別に変わった事はしていないし、探せばすぐ見つかりそうだけど。わかりやすいようにGoogleやらYahooやらをiframeに表示していますが、実際にはサブコンテンツというか、サイト内での使用を想定。最初のタブクリック時以外はフレーム内を読みに行かないので、二度目以降はサクサク切替。ダブルクリックで強制リロード。tabs.addTab("google","Google","http://www.google.com/","./blue.html");tabs.addTab("yahoo","Yahoo","http://www.yahoo.co.jp/","./blue.html");tabs.addTab("mixi","mixi","http://mixi.jp/","./blue.html");tabs.addTab("hatena","hatena","http://www.hatena.ne.jp/","./blue.html");tabs.createTabs("tabs");//指定したIDの子要素にタブを出力tabs.createLayers("layers");//指定したIDの子要素にiframeを含むdivを出力g.showLayer();//最初のタブを表示}onload時とかにこんな感じで使う。id="layers"></div></body>こんな感じ(要prototype.js)。見た目はスタイルシートで適当に。(1)月別アーカイブはてなブログをはじめよう!kuwaさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。