ASP.NET自定义控件组件开发 第一章 第三篇

    相信大家看了前几篇文章后应该觉得自定义控件很简单，无非就是把一大堆的html代码包装一下就行了。不错，前几篇写的控件确实很简单。不知道大家想过没有，难道我们每次写控件都要大费力气的把一大堆的html代码写进去吗。

     

    不知道大家试了没有：如果在write.Write()方法中写的html代码有了错误，如果把写成了，在编译的时候，编译器是不会发现错误，但是当我们把控件拖上来使用的时候，就发现控件的呈现错误。就是说，这样的错误只能到最后才能被我们发现，这样我们又得回去改代码，然后重新的编译，生成。

     

    我们开发的那个控件真的很好的，我们也也许没有考虑到浏览器版本的问题，因为不同的浏览器对html的不同版本的显示还是有区别的。看看我们的代码，我们就敢保证我们的控件在所有的浏览器上都显示的是我们想要的结果吗？

 

    基于上述原因，我们对之前的控件再来一次修改。

     

    在.NET中，我们写代码经常用到他的智能感应功能，比如我们写完后加个"."，然后，后面的一些属性，方法都显示出来了 。而且在编译的时候，也提示我们一些错误信息。

 

     下面我们就来改下： 

namespace CreditCardForm
{
     public class CreditCardForm3:CreditCardForm2
{

    

    因为我们之前开发的控件已经实现了很多的特性，我们不想再意义的重新实现，所以就继承前面已经有的控件，相信大家都理解这点。

writer.Write("");     大家还记得这段代码吧，我们想显示一个table，而且确定他的一些属性等等。如前所说，出错的可能很大，而且兼容也有问题。怎样改？     这样：我们用.NET里面的专门用来生成这些html标记的一些方法和属性： 
writer.AddStyleAttribute(HtmlTextWriterStyle.Width, "287px");
writer.AddStyleAttribute(HtmlTextWriterStyle.Height, "128px");
writer.AddStyleAttribute(HtmlTextWriterStyle.BorderWidth, "0");
writer.AddAttribute(HtmlTextWriterAttribute.Id, "mytable");
writer.RenderBeginTag(HtmlTextWriterTag.Table);     这段代码和上端代码的最终的显示结果都是一样的（都生成相同的html标记）。也许大家会认为这段代码很多，难道写这么多的代码就是好的吗，还不如之前的方便。但是，想想之前所说的问题，这段代码就解决了那些问题。     代码我来解释下：用AddStyleAttribute方法来添加CCS样式；AddStyleAttribute添加非CSS样式，如name，id等，用RenderBeginTag来添加开始的标记。还有一点就是这些代码都是“反的”：先定义样式，属性，最后才定义我们要写的个table标记。就是说，想给某个标记加属性，要先写属性，样式的语句，在写这个标记。     
writer.RenderBeginTag(HtmlTextWriterTag.Table);     看看上面的代码，显示的是个table标记，如果想显示tr？这样做：    
writer.RenderBeginTag(HtmlTextWriterTag.Tr);    大家应该明白我的意思了吧：HtmlTextWriterTag接不同的属性，就显示不同的标记。    还有一点要特别的注意，有开始，就是结束。我们用了一个RenderBeginTag方法，就一定要有个RenderEndTag方法与之对应。    看个例子：

 writer.RenderBeginTag(HtmlTextWriterTag.Td);
 writer.Write(PaymentMethodText);
 writer.RenderEndTag();         大家懂了吧！         我把代码贴上，大家看看，有问题就说！ 
protected override void Render(HtmlTextWriter writer)
    {

        writer.AddStyleAttribute(HtmlTextWriterStyle.Width, "287px");

        writer.AddStyleAttribute(HtmlTextWriterStyle.Height, "128px");

        writer.AddStyleAttribute(HtmlTextWriterStyle.BorderWidth, "0");

        writer.AddAttribute(HtmlTextWriterAttribute.Id, "mytable");

        writer.RenderBeginTag(HtmlTextWriterTag.Table);



        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();

    }          下面开始说说。状态的管理，即ViewState;之前的控件还有一个问题：     如下：                         我们在页面后面写代码：          
protected void Page_Load(object sender, EventArgs e)
    {
        if (!this.IsPostBack)
        {
            CreditCardForm2_1.PaymentMethodText = " 我的支付方式";
            CreditCardForm2_1.CardholderNameText = "小洋";
        }
    }      运行页面看见：           但是当你点击”提交“按钮，页面马上就变为了如下：            变回来了！！！！？？？？？      这里就要讲讲ASP.NET的页面保存值的方式：因为现在的ASP.NET网站是基于http这种无状态协议的。大家应该都懂。     在ASP.NET的我们提交的一个页面，虽然看起来是一样的，但是他们本质上已经不是同一个页面了。而是我们现在看见的页面获取了之前提交的那个页面的一些状态值。关于这点，到第四章详细讲述”页面的生命周期“中讲。     所有我们就要用个ViewState来保存页面回传的值。这里我不想讲很多的理论东西，大家先看看现在的问题怎样解决： 
public override string PaymentMethodText
        {
            get
            {
                return ViewState["PaymentMethodText"] != null ? (string)ViewState["PaymentMethodText"] : "支付方式";
            }
            set
            {
                ViewState["PaymentMethodText"] = value;
            }
        }      因为我们继承于CreditCardForm2，大家看看我们在CreditCardForm2中写的：    
[Browsable(true)]//在属性窗口中是否可见

    [Category("Appearance")]//属性的分类，如，行为，外观，大家可以在属性窗口看见这样的分类

    [DefaultValue("支付方式")]
    [Description("支付方式")]//这些是显示在属性窗口底下的

    //virtual 方便以后二次开发

    public virtual string PaymentMethodText
    {
        get
        {
            return paymentMethod;
        }
        set
        {
            paymentMethod = value;
        }
    }    注意：Virtual。这样之后，我们的控件就完成了。完整的代码如下：希望大家支持！    
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 CreditCardForm3 : CreditCardForm2
    {
        public override string PaymentMethodText
        {
            get
            {
                return ViewState["PaymentMethodText"] != null ? (string)ViewState["PaymentMethodText"] : "支付方式";
            }
            set
            {
                ViewState["PaymentMethodText"] = value;
            }
        }

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

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

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

        public override string SubmitButtonText
        {
            get
            {
                return ViewState["SubmitButtonText"] != null ? (string)ViewState["SubmitButtonText"] : "提交";
            }
            set
            {
                ViewState["SubmitButtonText"] = value;
            }
        }
        protected override void Render(HtmlTextWriter writer)
        {
            writer.AddStyleAttribute(HtmlTextWriterStyle.Width, "287px");
            writer.AddStyleAttribute(HtmlTextWriterStyle.Height, "128px");
            writer.AddStyleAttribute(HtmlTextWriterStyle.BorderWidth, "0");
            writer.AddAttribute(HtmlTextWriterAttribute.Id, "mytable");
            writer.RenderBeginTag(HtmlTextWriterTag.Table);

            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();

            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)];
				
			  
              阅读(1204) | 评论(0) | 转发(0) |
			                
            
              0
              上一篇：ASP.NET自定义控件组件开发 第二章 继承WebControl的自定义控件
              下一篇：ASP.NET自定义控件组件开发 第一章 待续    
            
		给主人留下些什么吧！~~
				
				
		
        		
		
        
          评论热议
		  		 
        
           请登录后评论。
            登录 注册
          
        
       
		
        
        
            
        
      
    关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册
      Copyright  2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有 
      感谢所有关心和支持过ChinaUnix的朋友们
        16024965号-6 
      
    
  
























































                                   
            
            
            
            
            
          
          		  
        
      
      
    
  
  


  	//测试字符串的长度 一个汉字算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/2932254/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);
 
  
  



//全局错误提示弹出框
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, "/");
}