ASP.NET自定义控件组件开发 第二章 继承WebControl的自定义控件

 

    到现在为止，我已经写了三篇关于自定义控件开发的文章，很感谢大家的支持！不知道大家对我讲的方式有什么好的建议，我尽量使自定义控件的技术让更多的程序员同胞接受。好了，开发开始了！

    本章还是延续上章的例子，开发一个CreditCardForm控件。   

    其实本章也不难，相信大家看完后，也觉得很简单！

     

    我们首先开谈谈继承Control和WebControl的区别：其实二者最大的区别就是在，如果我们开发的控件继承WebControl，那么我们的控件就支持更多的CSS样式。而继承于Control的自定义控件的样式相对就少些。

 

    其实还有一个区别就在开发的规范上。我们来简单的看看上一章的自定义控件的代码，主要来看看Render方法中的代码：大家只扫一眼就可以了。

 

protected override void Render(HtmlTextWriter writer)
    {
        //显示table标记

        writer.AddStyleAttribute(HtmlTextWriterStyle.Width, "287px");
        writer.AddStyleAttribute(HtmlTextWriterStyle.Height, "128px");
        writer.AddStyleAttribute(HtmlTextWriterStyle.BorderWidth, "0");
        writer.AddAttribute(HtmlTextWriterAttribute.Id, "mytable");
        writer.RenderBeginTag(HtmlTextWriterTag.Table);

        //显示table类的标记 包含 tr ，td 还有一些textbox,下拉框等

        writer.RenderBeginTag(HtmlTextWriterTag.Tr);

        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.Write(PaymentMethodText);
        writer.RenderEndTag();

        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.AddAttribute(HtmlTextWriterAttribute.Name, "PaymentMethod");
        writer.AddAttribute(HtmlTextWriterAttribute.Id, "PaymentMethod");
        writer.AddStyleAttribute(HtmlTextWriterStyle.Width, "100%");
        writer.RenderBeginTag(HtmlTextWriterTag.Select);

        writer.AddAttribute(HtmlTextWriterAttribute.Value, "0");
        writer.RenderBeginTag(HtmlTextWriterTag.Option);
        writer.Write("Master");
        writer.RenderEndTag();

        writer.AddAttribute(HtmlTextWriterAttribute.Value, "1");
        writer.RenderBeginTag(HtmlTextWriterTag.Option);
        writer.Write("Visa");
        writer.RenderEndTag();

        writer.RenderEndTag();
        writer.RenderEndTag();
        writer.RenderEndTag();

        writer.RenderBeginTag(HtmlTextWriterTag.Tr);
        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.Write(CreditCardNoText);
        writer.RenderEndTag();

        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.AddAttribute(HtmlTextWriterAttribute.Type, "text");
        writer.AddAttribute(HtmlTextWriterAttribute.Name, "CreditCardNo");
        writer.AddAttribute(HtmlTextWriterAttribute.Id, "CreditCardNo");
        writer.RenderBeginTag(HtmlTextWriterTag.Input);
        writer.RenderEndTag();
        writer.RenderEndTag();
        writer.RenderEndTag();

        writer.RenderBeginTag(HtmlTextWriterTag.Tr);
        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.Write(CardholderNameText);
        writer.RenderEndTag();

        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.AddAttribute(HtmlTextWriterAttribute.Type, "text");
        writer.AddAttribute(HtmlTextWriterAttribute.Name, "CardholderName");
        writer.AddAttribute(HtmlTextWriterAttribute.Id, "CardholderName");
        writer.RenderBeginTag(HtmlTextWriterTag.Input);
        writer.RenderEndTag();
        writer.RenderEndTag();
        writer.RenderEndTag();

        writer.RenderBeginTag(HtmlTextWriterTag.Tr);
        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.Write(ExpirationDateText);
        writer.RenderEndTag();

        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.AddAttribute(HtmlTextWriterAttribute.Name, "Month");
        writer.AddAttribute(HtmlTextWriterAttribute.Id, "Month");
        writer.RenderBeginTag(HtmlTextWriterTag.Select);
        for (int month = 1; month < 13; month++)
        {
            writer.AddAttribute(HtmlTextWriterAttribute.Value, month.ToString());
            writer.RenderBeginTag(HtmlTextWriterTag.Option);
            writer.Write(month.ToString());
            writer.RenderEndTag();
        }

        writer.RenderEndTag();

        writer.Write(" ");

        writer.AddAttribute(HtmlTextWriterAttribute.Name, "Year");
        writer.AddAttribute(HtmlTextWriterAttribute.Id, "Year");
        writer.RenderBeginTag(HtmlTextWriterTag.Select);

        for (int year = 2008; year < 2015; year++)
        {
            writer.AddAttribute(HtmlTextWriterAttribute.Value, year.ToString());
            writer.RenderBeginTag(HtmlTextWriterTag.Option);
            writer.Write(year.ToString());
            writer.RenderEndTag();
        }

        writer.RenderEndTag();

        writer.RenderEndTag();
        writer.RenderEndTag();


        writer.RenderBeginTag(HtmlTextWriterTag.Tr);
        writer.AddAttribute(HtmlTextWriterAttribute.Colspan, "2");
        writer.AddAttribute(HtmlTextWriterAttribute.Align, "center");
        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.AddAttribute(HtmlTextWriterAttribute.Type, "submit");
        writer.AddAttribute(HtmlTextWriterAttribute.Value, SubmitButtonText);
        writer.RenderBeginTag(HtmlTextWriterTag.Input);
        writer.RenderEndTag();
        writer.RenderEndTag();
        writer.RenderEndTag();

        //table的结束标记

        writer.RenderEndTag();


    }

 

    相信这段代码大家都和熟悉。在这段代码的作用主要显示了一个table 以及table 之中的标记元素。

     

    如果一这个控件已经写好了，加入我们想要改改table的样式，如把border设为1，或者改变显示的颜色等，那么我们就要再次打开这段代码，修改代码。其实这就不好。为什么？

     

    其实这个方法中的代码做了四件事：

          1.显示控件最外层的包含标记，即table

          2.显示最外层标记的一些属性，如border.id等

          3.显示控件的主要内容 ，如，显示输入框，下拉框，按钮。

          4.显示控件最外层包含标记的结束标记。

 

    这样看来，这个方法的职责就有四个。大家应该还记得面向对象设计的原创：单一职责。虽然这个元素一般用在类上，但是我们更加要注意，这个原则用的宗旨：使对象只有一个变化的因素。这个原则也用在方法的设计上。

     

    就是说，我们如果想要改变最外层标记table一些属性，我们就影响了其他三个职责。同理，我们想改变其他的元素或者内容，结果可想而知。

     

    为此，继承WebControl的控件就更加的规范和灵活：

    其实，继承于WebControl的控件的显示还是在Render方法中显示，只是这个Render方法已经不由我们来写了：

    如下：

protected override void Render(HtmlTextWriter writer)
 {
              RenderBeginTag(writer);
              RenderContens(writer);
              RenderEndTag(writer);

}

  

    因为我们之前说，Render方法的职责有四个。所以WebControl的Render方法就把这些职责分离了。以后我们能就可以独立的改变一个因素了。大家也许奇怪：不是说有四个职责吗，但是上面只是显示了三个方法，其实在RenderBeginTag()方法中包含显示最外层标记样式的方法。

 

    所以我们只要分别重写这三个方法，一个继承WebControl的自定义的控件就成了。不要怕，方法很多，但是很简单，而且代码我们都懂，之前差不多都讲了的。
   

    我想把写成后的控件给大家看看，让大家看下我们本章的目标：

     

     

 

    大家看见没有：是不是支持的样式多了！！！

     

    好了，我们来写吧：不难哦:)

 

    首先看看我们要的写方法以及他们的功能：

 

protected override void Render(HtmlTextWriter writer)
         {
                //显示最外层包含标记开始的标记，即，显示              RenderBeginTag(writer);              //显示table标记内的内容，如



等

              RenderContens(writer);

               //显示最外层包含标记结束标记

              RenderEndTag(writer);

        }
 
     现在的思路很清晰吧，首先来显示     
     很简单，只要如下就可以了。
 

protected override HtmlTextWriterTag TagKey
{
    get
    {
       return HtmlTextWriterTag.Table;
    }
}

 
    不要奇怪，因为RenderBeginTag（）方法内部实际是调用了这个属性来显示的最外层的包含标记的。
    好了，第一步就写完了啊！简答吧！
 
    下面来显示table的样式，因为我们的控件的最外层的标记是table，显示他的样式只要这样就OK了。

protected override Style CreateControlStyle()
{
   return new TableStyle(ViewState);
}
      
    又写完了一部分。。不难吧！接着看啊！
    如果你的最外层的标记是那么，上面的那个方法你都不用写.
    下面就写了RenderContent方法，不难，只记住这个方法的职责：显示最外层标记的内容：
    如下：



protected override void RenderContents(HtmlTextWriter writer)
    {
        writer.RenderBeginTag(HtmlTextWriterTag.Tr);
        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.Write(PaymentMethod);
        writer.RenderEndTag();

        writer.RenderBeginTag(HtmlTextWriterTag.Td);

        writer.AddAttribute(HtmlTextWriterAttribute.Id, PaymentMethodListId);
        writer.AddAttribute(HtmlTextWriterAttribute.Name, PaymentMethodListName);
        writer.AddStyleAttribute(HtmlTextWriterStyle.Width, "100%");
        writer.RenderBeginTag(HtmlTextWriterTag.Select);

        writer.AddAttribute(HtmlTextWriterAttribute.Value, "0");
        writer.RenderBeginTag(HtmlTextWriterTag.Option);
        writer.Write("Master");
        writer.RenderEndTag();

        writer.AddAttribute(HtmlTextWriterAttribute.Value, "1");
        writer.RenderBeginTag(HtmlTextWriterTag.Option);
        writer.Write("Visa");
        writer.RenderEndTag();

        writer.RenderEndTag();

        writer.RenderEndTag();
        writer.RenderEndTag();
        //****************************************************************************

        writer.RenderBeginTag(HtmlTextWriterTag.Tr);
        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.Write(CreditCardNo);
        writer.RenderEndTag();

        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.AddAttribute(HtmlTextWriterAttribute.Id, CreditCardNoTextId);
        writer.AddAttribute(HtmlTextWriterAttribute.Name, CreditCardNoTextName);
        writer.AddAttribute(HtmlTextWriterAttribute.Type, "text");
        writer.RenderBeginTag(HtmlTextWriterTag.Input);
        writer.RenderEndTag();

        writer.RenderEndTag();
        writer.RenderEndTag();
        //**************************************************************************************


        writer.RenderBeginTag(HtmlTextWriterTag.Tr);
        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.Write(CardholderName);
        writer.RenderEndTag();

        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.AddAttribute(HtmlTextWriterAttribute.Name, CardholderNameTextName);
        writer.AddAttribute(HtmlTextWriterAttribute.Id, CardholderNameTextId);
        writer.AddAttribute(HtmlTextWriterAttribute.Type, "text");
        writer.RenderBeginTag(HtmlTextWriterTag.Input);
        writer.RenderEndTag();

        writer.RenderEndTag();
        writer.RenderEndTag();
        //***************************************************************************************


        writer.RenderBeginTag(HtmlTextWriterTag.Tr);
        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.Write(ExpirationDate);
        writer.RenderEndTag();

        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.AddAttribute(HtmlTextWriterAttribute.Name, MonthListName);
        writer.AddAttribute(HtmlTextWriterAttribute.Id, MonthListId);
        writer.RenderBeginTag(HtmlTextWriterTag.Select);

        for (int month = 1; month < 13; month++)
        {
            writer.AddAttribute(HtmlTextWriterAttribute.Value, month.ToString());
            writer.RenderBeginTag(HtmlTextWriterTag.Option);
            writer.Write(month.ToString());
            writer.RenderEndTag();
        }
        writer.RenderEndTag();

        /////////////////////////////////////


        writer.Write(" ");

        /////////////////////////////////////

        writer.AddAttribute(HtmlTextWriterAttribute.Name, YearListName);
        writer.AddAttribute(HtmlTextWriterAttribute.Id, YearListId);
        writer.RenderBeginTag(HtmlTextWriterTag.Select);

        for (int year = 2008; year < 2015; year++)
        {
            writer.AddAttribute(HtmlTextWriterAttribute.Value, year.ToString());
            writer.RenderBeginTag(HtmlTextWriterTag.Option);
            writer.Write(year.ToString());
            writer.RenderEndTag();
        }
        writer.RenderEndTag();

        writer.RenderEndTag();
        writer.RenderEndTag();
        //*****************************************************************************


        writer.RenderBeginTag(HtmlTextWriterTag.Tr);
        writer.AddAttribute(HtmlTextWriterAttribute.Colspan, "2");
        writer.AddAttribute(HtmlTextWriterAttribute.Align, "center");
        writer.RenderBeginTag(HtmlTextWriterTag.Td);
        writer.AddAttribute(HtmlTextWriterAttribute.Name, SubmitButtonName);
        writer.AddAttribute(HtmlTextWriterAttribute.Value, SubmitButtonText);
        writer.AddAttribute(HtmlTextWriterAttribute.Id, SubmitButtonId);
        writer.AddAttribute(HtmlTextWriterAttribute.Type, "submit");
        writer.RenderBeginTag(HtmlTextWriterTag.Input);
        writer.RenderEndTag();

        writer.RenderEndTag();
        writer.RenderEndTag();

        //******************************************************************************



    }
 
    这样就完了，大家看看上面的代码，很熟悉吧，是啊，只是把我们之前的代码分割开了，写在不同的地方!
 
    最后的那个RendEndTag()，你不写！因为，你override那个TagKey时，就已经调用了结束标记的方法。这样，一个继承WebControl的控件就完了！
 
     好了，写完了：完整的代码如下：    
 

using System;
using System.Collections.Generic;
using System.Text;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace CreditCardForm
{
    public class CreditCardForm5 : WebControl
    {
        #region 重写包含标记

        protected override Style CreateControlStyle()
        {
            return new TableStyle(ViewState);
        }

        protected override HtmlTextWriterTag TagKey
        {
            get
            {
                return HtmlTextWriterTag.Table;
            }
        }

        //public virtual string BackImageUrl

        //{

        // get

        // {

        // return ((TableStyle)ControlStyle).BackImageUrl;

        // }

        // set

        // {

        // ((TableStyle)ControlStyle).BackImageUrl = value;

        // }

        //}



        #endregion
        #region ID
        protected virtual string PaymentMethodListId
        {
            get
            {
                return "PaymentMethod";
            }
        }

        protected virtual string CreditCardNoTextId
        {
            get
            {
                return "CreditCardNo";
            }
        }

        protected virtual string CardholderNameTextId
        {
            get
            {
                return "CardholderName";
            }
        }

        protected virtual string MonthListId
        {
            get
            {
                return "Month";
            }
        }

        protected virtual string YearListId
        {
            get
            {
                return "Year";
            }
        }

        protected virtual string SubmitButtonId
        {
            get
            {
                return "Submit";
            }
        }

        #endregion
        #region name
        protected virtual string PaymentMethodListName
        {
            get
            {
                return "PaymentMethod";
            }
        }

        protected virtual string CreditCardNoTextName
        {
            get
            {
                return "CreditCardNo";
            }
        }

        protected virtual string CardholderNameTextName
        {
            get
            {
                return "CardholderName";
            }
        }

        protected virtual string MonthListName
        {
            get
            {
                return "Month";
            }
        }

        protected virtual string YearListName
        {
            get
            {
                return "Year";
            }
        }

        protected virtual string SubmitButtonName
        {
            get
            {
                return "Sumit";
            }
        }
        #endregion

        #region 属性
        public virtual string PaymentMethod
        {
            get
            {
                return ViewState["PaymentMethod"] != null ? (string)ViewState["PaymentMethod"] : "支付方式";

            }
            set
            {
                ViewState["PaymentMethod"] = value;
            }
        }

        public virtual string CreditCardNo
        {
            get
            {
                return ViewState["CreditCardNo"] != null ? (string)ViewState["CreditCardNo"] : "信用卡号";
            }
            set
            {
                ViewState["CreditCardNo"] = value;
            }
        }

        public virtual string CardholderName
        {
            get
            {
                return ViewState["CardholderName"] != null ? (string)ViewState["CardholderName"] : "持卡人";
            }
            set
            {
                ViewState["CreditCardName"] = value;
            }
        }

        public virtual string ExpirationDate
        {
            get
            {
                return ViewState["ExpirationDate"] != null ? (string)ViewState["ExpirationDate"] : "过期时间";
            }
            set
            {
                ViewState["ExpirationDate"] = value;
            }
        }

        public virtual string SubmitButtonText
        {
            get
            {
                return ViewState["SubmitButtonText"] != null ? (string)ViewState["SubmitButtonText"] : "提交";
            }
            set
            {
                ViewState["SubmitButtonText"] = value;
            }

        }
        #endregion
        protected override void RenderContents(HtmlTextWriter writer)
        {
            writer.RenderBeginTag(HtmlTextWriterTag.Tr);
            writer.RenderBeginTag(HtmlTextWriterTag.Td);
            writer.Write(PaymentMethod);
            writer.RenderEndTag();

            writer.RenderBeginTag(HtmlTextWriterTag.Td);

            writer.AddAttribute(HtmlTextWriterAttribute.Id, PaymentMethodListId);
            writer.AddAttribute(HtmlTextWriterAttribute.Name, PaymentMethodListName);
            writer.AddStyleAttribute(HtmlTextWriterStyle.Width, "100%");
            writer.RenderBeginTag(HtmlTextWriterTag.Select);

            writer.AddAttribute(HtmlTextWriterAttribute.Value, "0");
            writer.RenderBeginTag(HtmlTextWriterTag.Option);
            writer.Write("Master");
            writer.RenderEndTag();

            writer.AddAttribute(HtmlTextWriterAttribute.Value, "1");
            writer.RenderBeginTag(HtmlTextWriterTag.Option);
            writer.Write("Visa");
            writer.RenderEndTag();

            writer.RenderEndTag();

            writer.RenderEndTag();
            writer.RenderEndTag();
            //****************************************************************************

            writer.RenderBeginTag(HtmlTextWriterTag.Tr);
            writer.RenderBeginTag(HtmlTextWriterTag.Td);
            writer.Write(CreditCardNo);
            writer.RenderEndTag();

            writer.RenderBeginTag(HtmlTextWriterTag.Td);
            writer.AddAttribute(HtmlTextWriterAttribute.Id, CreditCardNoTextId);
            writer.AddAttribute(HtmlTextWriterAttribute.Name, CreditCardNoTextName);
            writer.AddAttribute(HtmlTextWriterAttribute.Type, "text");
            writer.RenderBeginTag(HtmlTextWriterTag.Input);
            writer.RenderEndTag();

            writer.RenderEndTag();
            writer.RenderEndTag();
            //**************************************************************************************


            writer.RenderBeginTag(HtmlTextWriterTag.Tr);
            writer.RenderBeginTag(HtmlTextWriterTag.Td);
            writer.Write(CardholderName);
            writer.RenderEndTag();

            writer.RenderBeginTag(HtmlTextWriterTag.Td);
            writer.AddAttribute(HtmlTextWriterAttribute.Name, CardholderNameTextName);
            writer.AddAttribute(HtmlTextWriterAttribute.Id, CardholderNameTextId);
            writer.AddAttribute(HtmlTextWriterAttribute.Type, "text");
            writer.RenderBeginTag(HtmlTextWriterTag.Input);
            writer.RenderEndTag();

            writer.RenderEndTag();
            writer.RenderEndTag();
            //***************************************************************************************


            writer.RenderBeginTag(HtmlTextWriterTag.Tr);
            writer.RenderBeginTag(HtmlTextWriterTag.Td);
            writer.Write(ExpirationDate);
            writer.RenderEndTag();

            writer.RenderBeginTag(HtmlTextWriterTag.Td);
            writer.AddAttribute(HtmlTextWriterAttribute.Name, MonthListName);
            writer.AddAttribute(HtmlTextWriterAttribute.Id, MonthListId);
            writer.RenderBeginTag(HtmlTextWriterTag.Select);

            for (int month = 1; month < 13; month++)
            {
                writer.AddAttribute(HtmlTextWriterAttribute.Value, month.ToString());
                writer.RenderBeginTag(HtmlTextWriterTag.Option);
                writer.Write(month.ToString());
                writer.RenderEndTag();
            }
            writer.RenderEndTag();

            /////////////////////////////////////


            writer.Write(" ");

            /////////////////////////////////////

            writer.AddAttribute(HtmlTextWriterAttribute.Name, YearListName);
            writer.AddAttribute(HtmlTextWriterAttribute.Id, YearListId);
            writer.RenderBeginTag(HtmlTextWriterTag.Select);

            for (int year = 2008; year < 2015; year++)
            {
                writer.AddAttribute(HtmlTextWriterAttribute.Value, year.ToString());
                writer.RenderBeginTag(HtmlTextWriterTag.Option);
                writer.Write(year.ToString());
                writer.RenderEndTag();
            }
            writer.RenderEndTag();

            writer.RenderEndTag();
            writer.RenderEndTag();
            //*****************************************************************************


            writer.RenderBeginTag(HtmlTextWriterTag.Tr);
            writer.AddAttribute(HtmlTextWriterAttribute.Colspan, "2");
            writer.AddAttribute(HtmlTextWriterAttribute.Align, "center");
            writer.RenderBeginTag(HtmlTextWriterTag.Td);
            writer.AddAttribute(HtmlTextWriterAttribute.Name, SubmitButtonName);
            writer.AddAttribute(HtmlTextWriterAttribute.Value, SubmitButtonText);
            writer.AddAttribute(HtmlTextWriterAttribute.Id, SubmitButtonId);
            writer.AddAttribute(HtmlTextWriterAttribute.Type, "submit");
            writer.RenderBeginTag(HtmlTextWriterTag.Input);
            writer.RenderEndTag();

            writer.RenderEndTag();
            writer.RenderEndTag();

            //******************************************************************************



        }

    }
}

    希望大家继续支持啊！谢谢！                                   
            
            
              
			  
			  
				
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
				
			  
              阅读(1169) | 评论(0) | 转发(0) |
			                
            
            
            
              0
              上一篇：ASP.NET自定义控件组件开发 第三章 为控件添加事件 前篇
              下一篇：ASP.NET自定义控件组件开发 第一章 第三篇    
            
            
          
          		  
        
      
      
		给主人留下些什么吧！~~
				
				
		
        		
		
        
          评论热议
		  		 
        
           请登录后评论。
            登录 注册
          
        
       
		
        
        
            
        
      
    
  
  


  	//测试字符串的长度 一个汉字算2个字节
	function mb_strlen(str)
	{
		var len=str.length;
		var totalCount=0;
		for(var i=0;i<len;i++)
		{
			var c = str.charCodeAt(i);
			if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)) {
				totalCount++;
			}else{
				totalCount+=2;
			}
		}
		return totalCount;
	}
	/*
	var Util = {};
	Util.calWbText = function (text, max){
		if(max === undefined)
			max = 500;
		var cLen=0;
		var matcher = text.match(/[^\x00-\xff]/g),
			wlen  = (matcher && matcher.length) || 0;
		//匹配url链接正则 http://***
		var pattern = /http:\/\/([\w-]+\.)+[\w-]+(\/*[\w-\.\/\?%&=][^\s^\u4e00-\u9fa5]*)?/gi;
		//匹配的数据存入数组
		var arrPt = new Array();
		var i = 0;
		while((result = pattern.exec(text)) != null){
			arrPt[i] = result[0];
			i++;
		}
		//替换掉原文本中的链接
		for(var j = 0;j<arrPt.length;j++){
			text = text.replace(arrPt[j],"");
		}
		//减掉链接所占的长度
		return Math.floor((max*2 - text.length - wlen)/2 - 12*i);
	};
	*/
	var allowComment = '0';
	
	//举报弹出层
	function showJuBao(url, cid){
		
			$.cover(false);
			asyncbox.open({
				id  : 'report_thickbox',
				url : url,
				title : '举报违规',
				width : 378,
				height : 240,
				scroll : 'no',
				data : {
					'cid'	 : cid,
					'idtype' : 2 ,
                                        'blogurl' : window.location.href
				},
				callback : function(action){
					if(action == 'close'){
						$.cover(false);
					}
				}
			});
	}

	$(function(){

		//创建管理员删除的弹出层
		$('#admin_article_del').click(function(){
			$.cover(false);
			asyncbox.open({
				id : 'class_thickbox',
				html : '<div class="HT_layer3_1"><ul><li class="HT_li1">操作原因：<select class="HT_sel7" id="del_type" name="del_type"><option value="广告文章">广告文章</option><option value="违规内容">违规内容</option><option value="标题不明">标题不明</option><option value="文不对题">文不对题</option></select></li><li class="HT_li1" ><input class="HT_btn4" id="admin_delete"  type="button" /></li></ul></div>',
				title : '选择类型',
				width : 300,
				height : 150,
				scroll : 'no',
				callback : function(action){
					if(action == 'close'){
						$.cover(false);
					}
				}
			});
		});
		$('#admin_delete').live('click' , function(){
			///blog/logicdel/id/3480184/url/%252Fblog%252Findex.html.html
			var type = $('#del_type').val();
			var url = '/blog/logicdel/id/2932252/url/%252Fuid%252F23458341.html.html';
			window.location.href= url + '?type=' + type;
		});


		//顶  js中暂未添加&过滤 
		$('#digg').live('click' , function(){

			if(isOnLine == '' )
			{
				//showErrorMsg('登录之后才能进行此操作' , '消息提示');
				showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login');
				return false;
			}

			var bid = $('#digg').attr('bid');
			var url = $('#digg').attr('url');

			var digg_str = $.cookie('digg_id');
			if(digg_str != null)
			{
				var arr= new Array(); //定义一数组

				arr = digg_str.split(","); //字符分割     
				for( i=0 ; i < arr.length ; i++ )   
				{   
					if(bid == arr[i])
					{
						showErrorMsg('已经赞过该文章', '消息提示'); 
						return false;
					}
				} 
			}
			$.ajax({
				type:"POST",
				url:url,	
				data: {
					'bid' : bid 
				},
				dataType: 'json',
				success:function(msg){
					if(msg.error == 0)
					{
						var num = parseInt($('#digg_num').html(),10);
						num += 1;
						$('#digg_num').html(num);
						$('#digg').die();

						if(digg_str == null)
						{
							$.cookie('digg_id', bid, {expires: 30 , path: '/'});
						}
						else
						{
							$.cookie('digg_id', digg_str + ',' + bid, {expires: 30 , path: '/'});
						}
						showSucceedMsg('谢谢' , '消息提示');
					}
					else if(msg.error == 1)
					{
						//showErrorMsg(msg.error_content , '消息提示'); 
						showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login');
					}
					else if(msg.error == 2)
					{
						showErrorMsg(msg.error_content , '消息提示'); 
					}
				}
			});
		});
		//举报弹出层
		/*$('.box_report').live('click' , function(){
			if(isOnLine == '' )
			{
				//showErrorMsg('登录之后才能进行此操作' , '消息提示');
				showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login');
				return false;
			}
			var url = $('#report_url').val();
			var cid = $(this).attr('cid');
			$.cover(false);
			asyncbox.open({
				id  : 'report_thickbox',
				url : url,
				title : '举报违规',
				width : 378,
				height : 240,
				scroll : 'no',
				data : {
					'cid'	 : cid,
					'idtype' : 2 
				},
				callback : function(action){
					if(action == 'close'){
						$.cover(false);
					}
				}
			});
		});*/


		//评论相关代码
		
		//点击回复显示评论框
		$('.Blog_a10').live('click' , function(){
			if(isOnLine == '' )
			{
				//showErrorMsg('登录之后才能进行此操作' , '消息提示');
				showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login');
				return false;
			}

			if(allowComment == 1)
			{
				showErrorMsg('该博文不允许评论' , '消息提示'); 
				return false;
			}
			var tid = $(this).attr('toid');//留言作者id
			var bid = $(this).attr('bid');//blogid
			var cid = $(this).attr('cid');//留言id
			var tname = $(this).attr('tname');
                         			var tpl  = '<div class="Blog_right1_9">';
				tpl +=	 '<div class="div2">';
				tpl +=     '<textarea name="" cols="" rows="" class="Blog_ar1_1" id="rmsg">文明上网，理性发言...</textarea>';
				tpl +=	 '</div>';
				tpl +=   '<div class="div3">';
				tpl +=		'<div class="div3_2"><a href="javascript:void(0);" class="Blog_a11" id="quota_sbumit" url="/Comment/PostComment.html" tid="'+tid+'" bid="'+bid+'" cid="'+cid+'" tname="'+tname+'" ></a><a href="javascript:void(0)" id="qx_comment" class="Blog_a12"></a></div>';
				tpl +=		'<div class="div3_1"><a href="javascript:void(0);" id="mface"><span></span>表情</a></div>';
				tpl +=		'<div class="clear"></div>';
				tpl +=	 '</div>';
				tpl +=  '</div>';
                                 			$('.z_move_comment').html('');
			$(this).parents('.Blog_right1_8').find('.z_move_comment').html(tpl).show();
		});
		//引用的评论提交
		$('#quota_sbumit').live('click' , function(){

			if(isOnLine == '' )
			{
				//showErrorMsg('登录之后才能进行此操作' , '消息提示');
				showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login');
				return false;
			}

			var bid   = $(this).attr('bid');
			var tid   = $(this).attr('tid');//被引用人的id
			var qid   = $(this).attr('cid');//引用的id
			var url = $(this).attr('url');
			var text = $('#rmsg').val();
			var tname = $(this).attr('tname');
			if(text == '' || text=='文明上网，理性发言...')
			{
				showErrorMsg('评论内容不能为空！' , '消息提示'); 
				return false;
			}
			else
			{
				if(mb_strlen(text) > 1000){
					showErrorMsg('评论内容不能超过500个汉字' , '消息提示'); 
					return false;
				}
			}
		    $.ajax({
		        type: "post",
			    url: url ,
			    data: {'bid': bid , 'to' : tid , 'qid' : qid , 'text': text , 'tname' : tname },
				dataType: 'json',
			    success: function(data){
				    if(data.code == 1){
						var tpl =  '<div class="Blog_right1_8">';
							tpl+=     '<div class="Blog_right_img1"><a href="' +data.info.url+ '" >' + data.info.header + '</a></div>';
							tpl+=     '<div class="Blog_right_font1">';
							tpl+=         '<p class="Blog_p5"><span><a href="' +data.info.url+ '" >' + data.info.username + '</a></span>' + data.info.dateline + '</p>';
							tpl+=         '<p class="Blog_p7"><a href="' + data.info.quota.url + '">' + data.info.quota.username + '</a>：'+ data.info.quota.content + '</p>';
							tpl+=         '<p class="Blog_p8">' + data.info.content + '</p><span class="span_text1"><a href="javascript:void(0);" class="Blog_a10" toid=' + data.info.fuid + ' bid=' + data.info.bid + ' cid=' + data.info.cid + '  tname = ' + data.info.username + ' >回复</a> | 　<a class="comment_del_mark" style="cursor:pointer" url="' + data.info.delurl + '" >删除</a>　| 　<a href="javascript:showJuBao(\'/blog/ViewReport.html\','+data.info.cid+')" class="box_report" cid="' + data.info.cid + '" >举报</a></span></div>';
							tpl+=         '<div class="z_move_comment" style="display:none"></div>';
							tpl+=	      '<div class="Blog_line1"></div></div>';
							$('#replyList .Blog_right1_8:first').before(tpl);
							$('.z_move_comment').html('').hide();
				    }
					else if(data.code == -1){
						//showErrorMsg(data.info , '消息提示'); 
						showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login');
			        }
                },
			    error: function(){//请求出错处理
                        
                }
			});
		});
		//底部发表评论
		$('#submitmsg').click(function(){
			if(allowComment == 1)
			{
				showErrorMsg('该博文不允许评论' , '消息提示'); 
				return false;
			}
			var bid   = $(this).attr('bid');
			var toid  = $(this).attr('toid');
			var text = $('#reply').val();
			var url = $(this).attr('url');
			if(text == '' || text=='文明上网，理性发言...')
			{
				showErrorMsg('评论内容不能为空！' , '消息提示'); 
				return false;
			}
			else
			{
				if(mb_strlen(text) > 1000){
					showErrorMsg('评论内容不能超过500个汉字' , '消息提示'); 
					return false;
				}
			}
		    $.ajax({
		        type: "post",
			    url: url ,
			    data: {'bid': bid , 'to' : toid ,'text': text},
				dataType: 'json',
			    success: function(data){
				    if(data.code == 1)
					{
						var tpl   = '<div class="Blog_right1_8">';
							tpl  +=   '<div class="Blog_right_img1"><a href="' +data.info.url+ '" >' + data.info.header + '</a></div>';
							tpl  +=	  '<div class="Blog_right_font1">';
							tpl  +=       '<p class="Blog_p5"><span><a href="' +data.info.url+ '" >' + data.info.username + '</a></span>' + data.info.dateline + '</p>';
							tpl  +=       '<p class="Blog_p6">' + data.info.content + '</p>';
							tpl  +=		  '<div class="div1"><a href="javascript:void(0);" class="Blog_a10"  toid=' + data.info.fuid + ' bid=' + data.info.bid + ' cid=' + data.info.cid + '>回复</a> | 　<a class="comment_del_mark" style="cursor:pointer" url="' + data.info.delurl + '">删除</a>　| 　<a href="javascript:showJuBao(\'/blog/ViewReport.html\','+data.info.cid+')" class="box_report" cid="' + data.info.cid + '">举报</a></div>';
							tpl  +=		  '<div class="z_move_comment" style="display:none"></div>';
							tpl  +=    '</div><div class="Blog_line1"></div></div>';
							$('.Blog_tit3:first').after(tpl);
							$('#reply').val('文明上网，理性发言...');
					}
					else if(data.code == -1)
					{
						showErrorMsg(data.info , '消息提示'); 
			        }
                },
			    error: function(){//请求出错处理
                        
                }
		    });
			
		});
		//底部评论重置
		$('#reset_comment').click(function(){
			$('#reply').val('文明上网，理性发言...');
		});
		//取消回复
		$('#qx_comment').live('click' , function(){
			$('.z_move_comment').html('').hide();
		});


		$('#rmsg, #reply').live({
		    focus:function(){
			    if($(this).val() == '文明上网，理性发言...'){
			        $(this).val('');
			    }
			},
			blur:function(){
		        if($(this).val() == ''){
			        $(this).val('文明上网，理性发言...');
			    }
			}
		});
		//删除留言确认
		$('.comment_del_mark').live('click' , function(){
			var url = $(this).attr('url');
			asyncbox.confirm('删除留言','确认', function(action){
				if(action == 'ok')
				{
					location.href = url;
				}
			});
		});
		//删除时间确认
		$('.del_article_id').click(function(){
			var delurl = $(this).attr('delurl');
			asyncbox.confirm('删除文章','确认', function(action){
				if(action == 'ok')
				{
					location.href = delurl;
				}
			});
		});
		/*
		//字数限制
		$('#rmsg, #reply').live('keyup', function(){
			var id = $(this).attr('id');
			var left = Util.calWbText($(this).val(), 500);
			var eid = '#errmsg';
			
			if(id == 'reply') eid =  '#rerrmsg';
			if (left >= 0)
		        $(eid).html('您还可以输入<span>' + left + '</span>字');
		    else
		        $(eid).html('<font color="red">您已超出<span>' + Math.abs(left) + '</span>字 </font>');
		});
		*/
		//加载表情
	    $('#face').qqFace({id : 'facebox1', assign : 'reply', path : '/image/qqface/'});
	    $('#mface').qqFace({id : 'facebox', assign : 'rmsg', path:'/image/qqface/'});
	    
		/*
		$('#class_one_id').change(function(){
			alert(123213);
			var id = parseInt($(this).val() , 10);
			if(id == 0) return false;
			$('.hidden_son_class span').each(function( index , dom ){
				if( dom.attr('cid')  == id )
				{
				}
			});
		});
		*/
		//转载文章
		var turn_url = "/blog/viewClassPart.html";
		$('#repost_bar').click(function(){
			if(isOnLine == '' )
			{
				//showErrorMsg('登录之后才能进行此操作' , '消息提示');
				showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login');
				return false;
			}
			var id = $(this).attr('bid');
			asyncbox.open({
				id  : 'turn_class_thickbox',
				url : turn_url,
				title : '转载文章',
				width : 330,
				height : 131,
				scroll : 'no',
				data : {
					'id'	 : id
				},
				callback : function(action){
					if(action == 'close'){
						$.cover(false);
					}
				}
			});
		});
		/*
	    //转发文章
	    $('#repost_bar').live('click' , function(){
			if(isOnLine == '' )
			{
				//showErrorMsg('登录之后才能进行此操作' , '消息提示');
				showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login');
				return false;
			}
	    	var bid  = $(this).attr('bid');
	    	var url  = $(this).attr('url');
	    	asyncbox.confirm('转载文章','确认', function(action){
	    	  if(action == 'ok'){
	    	    $.ajax({
				type:"POST",
				url:url,	
				data: {
					'bid' : bid 
				},
				dataType: 'json',
				success:function(msg){
				  if(msg.error == 0){
				    showSucceedMsg('转发成功！', '消息提示');
				  }else if(msg.error == 1){
				    //location.href = '/index.php?r=site/login';
					showErrorMsg('操作失败,您需要先登录!', '消息提示', 'http://account.chinaunix.net/login');
				  }else{
				    showErrorMsg(msg.error_content, '消息提示');
			      }
				}
			  });
	    	  }
	    	});

		});
		*/

	});




SyntaxHighlighter.autoloader(
	'applescript			/highlight/scripts/shBrushAppleScript.js',
	'actionscript3 as3		/highlight/scripts/shBrushAS3.js',
	'bash shell				/highlight/scripts/shBrushBash.js',
	'coldfusion cf			/highlight/scripts/shBrushColdFusion.js',
	'cpp c					/highlight/scripts/shBrushCpp.js',
	'c# c-sharp csharp		/highlight/scripts/shBrushCSharp.js',
	'css					/highlight/scripts/shBrushCss.js',
	'delphi pascal			/highlight/scripts/shBrushDelphi.js',
	'diff patch pas			/highlight/scripts/shBrushDiff.js',
	'erl erlang				/highlight/scripts/shBrushErlang.js',
	'groovy					/highlight/scripts/shBrushGroovy.js',
	'java					/highlight/scripts/shBrushJava.js',
	'jfx javafx				/highlight/scripts/shBrushJavaFX.js',
	'js jscript javascript	/highlight/scripts/shBrushJScript.js',
	'perl pl				/highlight/scripts/shBrushPerl.js',
	'php					/highlight/scripts/shBrushPhp.js',
	'text plain				/highlight/scripts/shBrushPlain.js',
	'py python				/highlight/scripts/shBrushPython.js',
	'ruby rails ror rb		/highlight/scripts/shBrushRuby.js',
	'scala					/highlight/scripts/shBrushScala.js',
	'sql					/highlight/scripts/shBrushSql.js',
	'vb vbnet				/highlight/scripts/shBrushVb.js',
	'xml xhtml xslt html	/highlight/scripts/shBrushXml.js'
);
SyntaxHighlighter.all();


function code_hide(id){
	var code = document.getElementById(id).style.display;
	if(code == 'none'){
		document.getElementById(id).style.display = 'block';
	}else{
		document.getElementById(id).style.display = 'none';
	}
}



 lastScrollY=0;
 function heartBeat(){
 var diffY;
 if (document.documentElement && document.documentElement.scrollTop)
     diffY = document.documentElement.scrollTop;
 else if (document.body)
     diffY = document.body.scrollTop
 else
     {/*Netscape stuff*/}
 percent=.1*(diffY-lastScrollY);
 if(percent>0)percent=Math.ceil(percent);
 else percent=Math.floor(percent);
 document.getElementById("full").style.top=parseInt(document.getElementById("full").style.top)+percent+"px";
 lastScrollY=lastScrollY+percent;
 if(lastScrollY<200)
 {
 document.getElementById("full").style.display="none";
 }
 else
 {
 document.getElementById("full").style.display="block";
 }
 }
 var gkuan=document.body.clientWidth;
 var ks=(gkuan-960)/2-30;
 suspendcode="<div id=\"full\" style='right:-30px;POSITION:absolute;TOP:500px;z-index:100;width:26px; height:86px;cursor:pointer;'><a href=\"javascript:void(0)\" onclick=\"window.scrollTo(0,0);\"><img src=\"\/image\/top.png\" /></a></div>"
 document.write(suspendcode);
 window.setInterval("heartBeat()",1);
 
  
  
    关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册
      Copyright  2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有 
      感谢所有关心和支持过ChinaUnix的朋友们
        16024965号-6 
      
    
  



//全局错误提示弹出框
function showErrorMsg(content, title, url){
	var url = url || '';
	var title = title || '消息提示';
	var html = '';
	html += '<div class="HT_layer3_1 HT_layer3_2"><ul><li><p><span class="login_span1"></span>' + content + '</p></li>';
	if(url == '' || url.length == 0){
		html += '<li class="HT_li1"><input type="button" class="HT_btn2"  onclick=\'close_windows("error_msg")\'></li>';
	} else {
		html += '<li class="HT_li1"><input type="button" class="login_btn1" onclick="location.href=\'' + url + '\'"></li>';
	}
	html += '</ul></div>';
	$.cover(true);
	   asyncbox.open({
		 id: 'error_msg',
		 title : title,
		 html : html,
		 'callback' : function(action){
			 if(action == 'close'){
				 $.cover(false);
			 }
		 }
	});
}

//全局正确提示
function showSucceedMsg(content, title , url ){
	var url = url || '';
	var title = title || '消息提示';
	var html = '';
	html += '<div class="HT_layer3_1 HT_layer3_2"><ul><li><p><span class="login_span2"></span>' + content + '</p></li>';
	if(url == '' || url.length == 0){
		html += '<li class="HT_li1"><input type="button" class="HT_btn2"  onclick=\'close_windows("error_msg")\'></li>';
	} else {
		html += '<li class="HT_li1"><input type="button" class="HT_btn2" onclick="location.href=\'' + url + '\'"></li>';
	}
	html += '</ul></div>';
	$.cover(true);
	asyncbox.open({
		 id: 'error_msg',
		 title : title,
		 html : html,
		 'callback' : function(action){
			 if(action == 'close'){
				 $.cover(false);
			 }
		 }
	});
}

//关闭指定id的窗口
function close_windows(id){
	$.cover(false);
	$.close(id);
}


//公告
var tID;
var tn;                        // 高度
var nStopTime = 5000;        // 不同行间滚动时间隔的时间，值越小，移动越快
var nSpeed = 50;            // 滚动时，向上移动一像素间隔的时间，值越小，移动越快
var isMove = true;
var nHeight = 25;
var nS = 0;
var nNewsCount = 3;

/**
 * n 用于表示是否为第一次运行
 **/
function moveT(n)
{
    clearTimeout(tID)
    var noticev2 = document.getElementById("noticev2")
    nS = nSpeed;

    // 只在第一次调用时运行，初始化环境（有没有参数）
    if (n)
    {
        // 设置行高
        noticev2.style.lineHeight = nHeight + "px";
        // 初始化显示位置
        tn = 0;
        // 刚进入时在第一行停止时间
        nS = nStopTime;
    }

    // 判断鼠标是否指向层
    if (isMove)
    {
        // 向上移动一像素
        tn--;
        // 如果移动到最下面一行了，则移到顶行
        if (Math.abs(tn) == nNewsCount * nHeight)
        {
            tn = 0;
        }
        // 设置位置
        noticev2.style.marginTop = tn + "px";
        // 完整显示一行时，停止一段时间
        if (tn % nHeight == 0)
        {
            nS = nStopTime;
        }
    }

    tID = setTimeout("moveT()", nS);
}
moveT(1);    // 此处可以传入任何参数


//  var _gaq = _gaq || [];
//  _gaq.push(['_setAccount', 'UA-20237423-2']);
//  _gaq.push(['_setDomainName', '.chinaunix.net']);
//  _gaq.push(['_trackPageview']);
//
//  (function() {
//    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
//    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
//    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
//  })();



var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F0ee5e8cdc4d43389b3d1bfd76e83216b' type='text/javascript'%3E%3C/script%3E"));

function link(t){
     var href= $(t).attr('href');
     href+="?url="+encodeURIComponent(location.href);
     $(t).attr('href',href);
    //setCookie("returnOutUrl", location.href, 60, "/");
}

              RenderBeginTag(writer);

              //显示table标记内的内容，如

              RenderContens(writer);

               //显示最外层包含标记结束标记

              RenderEndTag(writer);

        }