|
運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
CTagPages
屬性
Tagpages 標簽數(shù)組
方法
[n] 檢索標簽
Add 增加標簽頁
Delete 刪除標簽頁
Update 更新標簽頁
Insert 插入標簽頁
Clear 清空標簽頁
SetTag 設置一個標簽被選中，參數(shù)可以是TAG的ID也可以是序號
GetTag 得到被選中的TAG對象
CTag
屬性
tagId 標簽ID
tagCaption 標簽上顯示的文字
tagContId 標簽內容ID
JS類下載
// 使用方法
// 1.var tagpages = new CTagPages("maintag");建立一個TagPages對象,參數(shù)為這個標簽頁集合的ID,區(qū)分其它標簽頁
// 2.var tagpage = new CTPage("files","文件","content6");建立一個標簽頁,參數(shù)1指這個標簽頁的ID,參數(shù)2標簽文字,
// 參數(shù)3與此標簽相對的DIV,如果指定一個文檔中不存在的DIV則系統(tǒng)會自動創(chuàng)建一個DIV;
// 3.tagpages.add(tagpage);使用ADD方法增加把標簽增加到標簽頁中.
// 4.document.all.tag.innerHTML = tagpages;把標簽頁增加到文檔中.
// 5.tagpages.setTag(1)或tagpages.setTag("files");設置默認選中的標簽頁,參數(shù)可以使用[數(shù)字]和[ID名稱]兩種方式
//
//公共變量
var currentTag = null;
var currentDiv = null;
////////////////////////////////////////////////////////////////////
//////////////////////////////
//單個標簽對象
function CTPage(tagId, tagCaption, tagDiv){
this.checkDiv(tagDiv);
this.id = tagId;
this.caption = tagCaption;
this.divid = tagDiv;
this.selected = false;
}
function tagToString(){
var str = "<li class=\"";
str += this.selected?"focus":"blur";
str += "\" id=\"" + this.id +"\"" +
" divid=\"" + this.divid +"\"" +
" onclick=\"secBoard(this)\"" +
" >"+ this.caption + "</li>";
return str;
}
function CheckDiv(divname){
var tdiv = document.getElementById(divname);
if(!tdiv){
tdiv = document.createElement("DIV");
tdiv.id = divname;
tdiv.className = "content";
tdiv.innerHTML = "新的";
document.body.appendChild(tdiv);
}
tdiv.style.display = "none";
}
CTPage.prototype.checkDiv = CheckDiv;
CTPage.prototype.toString = tagToString;
///////////////////////////////////////////////////////////////////
///////////////////////////
//標簽集合對象
function CTagPages(id){
this.id = id;
this.tagpages = new Array();
}
function Add(objtg){
this.tagpages[this.tagpages.length] = objtg;
}
function pageToString(){
var str="<ul id=\""+this.id+"\" class=\"tagpage\">";
for(var i=0; i<this.tagpages.length; i++){
str += this.tagpages[i];
}
str +="</ul>";
return str;
}
function Index(n){
if(n>this.tagpages.length-1 || n<0){
return;
}else{
return this.tagpages[n];
}
}
function SetTag(n){
var curtag = null;
if(typeof(n)=="string"){
curtag = document.getElementById(n);
}else{
var curtag = document.getElementById(this.id).childNodes[n];
}
if(curtag){
if(currentTag && currentDiv){
currentTag.className = "blur";
currentDiv.style.display = "none";
}
curtag.className = "focus";
currentTag = curtag;
var curDiv = document.getElementById(curtag.divid);
curDiv.style.display = "block";
currentDiv = curDiv;
}
}
CTagPages.prototype.setTag = SetTag;
CTagPages.prototype.index = Index;
CTagPages.prototype.add = Add;
CTagPages.prototype.toString = pageToString;
////////////////////////////////////////////////////////////////
/////////////////////////////////
//通用函數(shù)
function secBoard(obj)
{
//var obj = event.srcElement;
currentTag.className = "blur";
currentTag = obj;
currentTag.className = "focus";
currentDiv.style.display = "none";
currentDiv = document.getElementById(obj.divid);
currentDiv.style.display = "block";
}
經典論壇討論帖：
http://www.95time.cn/bbs/NewsDetail.asp?id=2534868
出處：藍色理想
責任編輯：moby
◎進入論壇網頁制作、網站綜合版塊參加討論
|
