Java script タブバーについて

質問

はじめまして。
今Java scripとでタブバーを作成しようと思っていて、
友達にタブのjsを教えてもらって作っていたんですが、
タブを3つから4つに増やすにはどこをどう修正したらいいのでしょうか？

現在は、white, black,redタブの3つです。

どなたか詳しい方教えていただけませんか。
よろしくお願い致します。

タブバー参考URL
http://archiva.jp/web/javascript/tab-menu.html

回答No.2

fujillin

#1です。

補足でご提示のコードは、ご質問で参考に挙げられたサイトのものとは全然関係が無いように見えますが…？
#1の回答は、参考サイトのコードの場合についての回答ですので、意味がありませんね。

また、ご提示のコードはイベントハンドラを登録したり、イベントをキャンセルしたり、あるいは指定した関数に処理を引継ぐなどのユーティリティ部分だけなので、タブ処理の本体では無いと思われます。
まさか、これが「tab.js」ってことはないですよね？（このコードだけでタブ処理が実現できているとは到底思えません。他は外部ファイル化されてるとかではないのかなぁ。）

＞友達にタブのjsを教えてもらって作っていたんですが、
であれば、仕組みは理解できているという事ですよね？
1つを2つにするのはそれなりに大変な場合もあるかもしれませんが、3つを4つにするのは大した手間ではないはずと思うのですが…
そのお友達にお尋ねになるのが一番よろしいかも。

回答No.1

fujillin

＞タブを3つから4つに増やすにはどこをどう修正したらいいのでしょうか
参考になさっているというサイトのサンプルは、タブが5つではないでしょうか？

タブの数をｎ個にしたいのなら
　・HTMLのリスト（=タブに該当）の部分をn個にする
　・同様に、表示コンテンツ部分（div）をn個にする
　・tab.setupで定義するpagesの要素をn個にする

でいけるはずと思いますが。

補足

すみません。
下記tab jsを３つから４つに変更したいと思っています。
お願い致します。

var addEvent = function(node,evt,func){
if(node.addEventListener){
node.addEventListener(evt,func,false);
} else if(node.attachEvent){
node.attachEvent("on"+evt,func);
}
};

var preventDefault = function(e){
if(e.preventDefault){
e.preventDefault();
}
else if(window.event){
window.event.returnValue = false;
}
};

var bind = function(){
var args=[];
if(arguments){
for(var i=0,n=arguments.length;i<n;i++){
args.push(arguments[i]);
}
}
var object=args.shift();
var func=args.shift();
return function(event) {
return func.apply(object,[event||window.event].concat(args));
}
};