Tag的自定义类

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>无标题页</title> <link href="http://www.17mm.net/StyleSheet.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript" src="http://www.17mm.net/TagPage.js"></script> <script language="javascript" type="text/javascript"> function crea(){ var obj = new CTagPages("maintag"); obj.add(new CTPage("files","文件1","content6"));//创建一个文档中不存在的内容页 obj.add(new CTPage("edits","编辑","content2")); obj.add(new CTPage("windows","窗口","content3")); obj.add(new CTPage("helps","帮助","content4")); document.all.tag.innerHTML = obj; obj.setTag(1); } window.onload = crea; </script></head><body> <hr /> <div id="tag"></div> <!-- <div id="content1" class="content" style="background-color:Green;">我爱你中国</div>--> <div id="content2" class="content" style="background-color:Aqua;">爱你中国</div> <div id="content3" class="content" style="background-color:Fuchsia">中国爱你</div> <div id="content4" class="content" style="background-color:Blue">很爱你中国</div> <div id="tag1"></div></body></html>

[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

CTagPages
属性
Tagpages  标签数组

方法

[n]   检索标签
Add   增加标签页
Delete  删除标签页
Update  更新标签页
Insert  插入标签页
Clear  清空标签页
SetTag  设置一个标签被选中，参数可以是TAG的ID也可以是序号
GetTag  得到被选中的TAG对象

CTPage
属性
tagId     标签ID    
tagCaption 标签上显示的文字
tagContId  标签内容ID

JS类下载

// 使用方法
//      1.var tagpages = new CTagPages("maintag");建立一个TagPages对象,参数为这个标签页集合的ID,区分其它标签页
//      2.var tagpage = new CTPage("files","文件","content6");建立一个标签页,参数1指这个标签页的ID,参数2标签文字,
//                      参数3与此标签相对的DIV,如果指定一个文档中不存在的DIV则系统会自动创建一个DIV;
//      3.tagpages.add(tagpage);使用ADD方法增加把标签增加到标签页中.
//      4.document.all.tag.innerHTML = tagpages;把标签页增加到文档中.
//      5.tagpages.setTag(1)或tagpages.setTag("files");设置默认选中的标签页,参数可以使用[数字]和[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;

////////////////////////////////////////////////////////////////
/////////////////////////////////
//通用函数

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";
}

时间： 2024-10-31 21:17:02

Tag的自定义类的相关文章

【COCOS2DX-LUA 脚本开发之四】使用TOLUA++编译PKG，从而创建自定义类让LUA脚本使用

本站文章均为 李华明Himi 原创,转载务必在明显处注明:  转载自[黑米GameDev街区] 原文链接: http://www.himigame.com/lua-game/1259.html 此篇基本[COCOS2DX(2.X)_LUA开发之三]在LUA中使用自定义精灵(LUA脚本与自创建类之间的访问)及LUA基础讲解 在Lua第三篇中介绍了,如何在cocos2dx中使用Lua创建自定义类供Lua脚本调用使用,当时出于Himi对Lua研究不够深入,所以当时使用了笨方法手动添加的方式进行的,那么

ASP.NETR把Excel导入SQL数据库的自定义类

ASP.NETR把Excel导入SQL数据库的自定义类 以下是引用片段:public class SaveToSql {   public string strNewCodeId = string.Empty;   public string strNewCode = string.Empty;   public string strNewDes = string.Empty;   public string strOldCodeId = string.Empty;   public strin

如何自定义类以及如何使用自定义类

1.首先编写类文件,比如Hello.cs using System; namespace myclass.SayHello { public class TSayHello { String name; public TSayHello() { this.name = "World"; } public String Say() { return("Hello, " + this.name + "!"); } } } 2.编译自定义类为dll文件

Flash高级知识：用自定义类实现动画控制

高级|控制    这是高新技术等级考试Flash复习题中的一个问题,我在制作效果时没完全按照原题去做,主要是大家通过这个实例学会"用自定义类实现动画控制"的一些方法就行了.一.定义类在文本编辑器中输入以下的类定义代码,保存为:人.as  class 人 {  //属性定义  var 速度:Number = 1;  private var Personso:Sound;  public function 人(){   Personso = new Sound();  }  //移动MC的

Asp.net Web控件自定义类属性(经验篇)

asp.net|web|控件 做控件设计时,我们往往需要用自己定义的类来做为控件的属性, 但是,很不幸的是,IDE并不能预先知道新类别的诞生,因此,我们需要 有TypeConverter来做个转换,把自己定义的对象转换为字符串显示到控件 的属性页中,把属性页中的字符串(颜色在aspx中的体现也是字符串,如: #eef008)转换为自定义类.           TypeConverter实现步骤可以有以下两种方式:           一:套用系统定义的TypeConverter类,对自定义属性

.net使用自定义类属性实例

 一般来说,在.net中可以使用Type.GetCustomAttributes获取类上的自定义属性,可以使用PropertyInfo.GetCustomAttributes获取属性信息上的自定义属性.   下面以定义一个简单数据库表的映射实体类来说明相关的使用方法,基于自定义类属性和自定义类中的属性的自定义属性,可以方便的进行类标记和类中属性的标记   创建一个类的自定义属性,用于标识数据库中的表名称,需要继承自Attribute类:   代码如下: [AttributeUsage(Attri

flex调用webservice中的自定义类的方法

 flex如何调用webservice中的自定义类,下面有个不错的示例,不了解的朋友可以参考下 代码如下: public class ReturnResult  {  public int curIndex { get; set; }  public DataTable idxList { get; set; }  }  //测试数据库连接  [WebMethod(Description = "!!!测试数据库连接,链接字符串在web.config中")]  public bool c

python自定义类并使用的方法

  这篇文章主要介绍了python自定义类并使用的方法,涉及Python中类的定义与使用技巧,需要的朋友可以参考下 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 class Person: def __init__(self, first, middle, last, age): self.first = first; self.middle = middle; self.last = last; self.age = age; def __str

基类-在MFC中如何使用自定义类

问题描述 在MFC中如何使用自定义类 我建立了MFC的对话框,并自定义了基类是static的派生类,在派生类中有自定义了许多函数,我在对话框中要使用该自定义类,怎么才能使用呢?工具条上没有该自定义的控件啊 解决方案 感觉你是想自定义控件,解决方法如下:1.新建一个MFC Application,选择Dialog based,其他一路默认就行了.2.把Custom Control 放到Dialog中.3.把控件属性Class,写成"MFCDiagramCtrl",这里很重要,如果不加,最