smarty框架中 点击即可编辑标题的 jquery实现代码

很不错的jquery

Madmin.rename = function(obj,url){
	var info = $(obj).parent();
	var id = $(obj).attr('nid');    
	var info_txt = info.text();
	info.html('<input id="input_id_'+id+'" type="text" value="'+info_txt.replace(/\"/g, '"')+'" class="inputstyle" />');
	//前面4句 用于将标题替换为输入框
	var input = $('#input_id_'+id); 
	input.focus(); //自动获取焦点 
	input.select(); //自动选择全部文字 
	input.blur( //失去焦点时 进行数据post到目标页面,目标页面检测到post进行数据处理,入库,输出(回传)数据data
		function(){
		if(this.value != info_txt && this.value!=''){ //进行数据检测,如果内容有改变
			$.post(
			url,
			{name:this.value}, 
			function(data){
				if(data.ret){ 
				$(obj).html(data.html); //检测到回传成功 ,将回传的标题替换现在的标题 
				info.empty().append(obj); //删除输入框,重新插入标题
				}else{
				info.empty().append(obj); //没有成功回传数据,重置回标题 
				} 
			},
			'json'); 
		}else{ 
			$(obj).html(info_txt);
			info.empty().append(obj); 
		}
	}); 
	input.unbind('keypress').bind('keypress', //当输入框内回车键(keyCode == 13)被按下,触发blur
		function(e){ 
			if(e.keyCode == 13){
			 input.blur(); 
		} 
	});
}


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值