JS雙擊div編輯常值內容

標籤：blog   io   ar   java   div   on   log   cti   代碼   

HTML代碼：

<div class="album"><div class="image"><a href="javascript:;" onclick="view({$vo.id})"><img src="{$vo.img}" /></a></div><div class="name" id="{$vo.id}" ondblclick="edit(this,{$vo.id})">{$vo.name}</div></div>

　　

JQuery代碼：

function edit(msg,id){var text = $(msg).text();$(msg).html("<input type=‘text‘ name=‘album‘ value=‘"+text+"‘ size=20");$("input[name=‘album‘]").focus();$("input[name=‘album‘]").blur(function(){var name = $(this).val();if(name.indexOf(" ") >= 0 || name == ""){alert("相簿名稱不可為空且不能含有空格！");$("input[name=‘album‘]").focus();//擷取焦點$("input[name=‘album‘]").select();//input內容選中}else{if(text == name){$(msg).html(text);}else{$.get( url+"edit?id="+id+"&name="+encodeURI(name), function(result){if(result != ‘‘){alert(result);}$(msg).html(name);});}}});}

　　

JS雙擊div編輯常值內容