小黑小波比.实现个人签名

1.Client/Views/Main/main.tpl

<span style="white-space:pre">		</span> <li class="sidebar-profile text-center">
	            <h3 class="sidebar-profile-name">Liao.</h3>
	            <p class="sidebar-profile-description" on="signatrue" data-item="urecord" data-attr="html"></p>
	            <textarea name="signa" type="text" class="form-control" id="name" style="overflow-y:visiable;display:none;padding:0;"></textarea>
	            <span class="sidebar-profile-location text-primary">
	            <i class="icon icon-map-marker" />
	            <a href="#Admin.BaiduPoint" data-type="lblBaiduPoint">Beijin, CN</a>
	            </span>
	        </li>

2.通过点击<p>,然后在这个事件中添加blur事件,是元素消失事件,当点击输入框外的任意处,触发事件.

流程:

1)<p>单击→变成<input>

2)修改编辑完成,点击任意处→变成<p>→把<input>值传给<p>,同时发送服务全

signatrue: function(sender, arg) {
			var p = _("[on='signatrue']").html();
			//alert(p);
			_('[on="signatrue"]').hide();
			_('[name="signa"]').show().one("blur",function(){
				var val = _('[name="signa"]').val();
				_('[name="signa"]').hide();
				_('[on="signatrue"]').show();
				_('[on="signatrue"]').html(val);
				_.post("api/admin/person/daysign",{
					content:val
				},function(r){
					r.result({
						data:true
					});
				},"json");
			});
			_('[name="signa"]').html(p);
			//_('[name="signa"]').one()focus();

			//_('[name="sina"]').attr("value",p);
		},

效果:

1.数据加载效果.

2.点击文字后效果

添加好友

小额赞助

微信	支付宝