クリックすると編集可能状態になります(ajax非同期コミット)

3231 ワード

<script>
//        body    onload    
$(function(){  
    //     td    
    var tds=$("td");  
    //    td        
    tds.click(function(){  
        //           
        var td=$(this); 
        //    td           
        var oldText=td.text();  
        //       ,                 
        var input=$("<input type='text' value='"+oldText+"'/>");
        //alert(oldText);   
        //   td       input  
        td.html(input);
        //              
        input.click(function(){  
            return false;  
        });  
        //          
        input.css("border-width","0");                
        input.css("font-size","16px");  
        input.css("text-align","left");  
        //         td     
        input.width(td.width());  
        //                   
        input.trigger("focus").trigger("select");   
        //                 
        input.blur(function(){  
            var input_blur=$(this);        
            //            
            var newText=input_blur.val();
            //    
            $.ajax({ 
            	type:"POST",
            	url: "http://localhost/weizhuangxiu/index.php?m=formguide&c=save&a=ajaxsave&formid=<?php echo $formid;?>&did=<?php echo $did;?>",
            	data:"note="+newText, 
            	success:function(msg){ 
    	            	if(msg=="ok"){ 
    	            		//alert(msg);
    	            	} 
    	            	else 
    	            	{   
        	            	 alert(msg);     	  
    		            	alert("fail");
    	            	} 
            		} 
            	});
           td.html(newText);   
        });    
        //        
        input.keyup(function(event){  
            //       
            var keyEvent=event || window.event;  
            var key=keyEvent.keyCode;  
            //        
            var input_blur=$(this);  
            switch(key)  
            {  
                case 13://     ,            
                    var newText=input_blur.val();
                    //    
                    $.ajax({ 
                    	type:"POST",
                    	url: "http://localhost/weizhuangxiu/index.php?m=formguide&c=save&a=ajaxsave&formid=<?php echo $formid;?>&did=<?php echo $did;?>",
                    	data:"note="+newText, 
                    	success:function(msg){ 
            	            	if(msg=="ok"){ 
            	            		//alert(msg);
            	            	} 
            	            	else 
            	            	{   
                	            	 alert(msg);     	  
            		            	alert("fail");
            	            	} 
                    		} 
                    	});   
                    td.html(newText);  
                   
                break;  
                  
                case 27://  esc ,    ,          
                    td.html(oldText);   
                break;  
            }  
        });  
    });  
});  

</script>