jeditable更改圖標到文本框

Question

我知道如何使用jeditable將文本更改爲文本框，以便我可以更改我的數據庫。 現在我的網頁上有一個電子郵件圖標。用戶應該能夠雙擊它（當單擊郵件時），並更改電子郵件地址。

我該怎麼做？

<td>'; if(!empty($row['email'])) { 
       echo '<a href="mailto:'.$row['email'].'" 
         title="'.$lang['mail_verstuur'].'"> 
        <img border="0" src="images/icon/mail.png"></a>'; 
      } echo ' 
    </td> 

這是我的javascript：

<script type="text/javascript" charset="utf-8"> 
$(function() { 

    $(".dblclick").editable("includes/js/save_to_db.php", { 
     tooltip : "Klik om te bewerken", 
     event  : "dblclick", 
     style : "inherit" 
    }); 
}); 
</script> 

Answer 1

你可以使用jQuery dblClick和click捕捉到你需要改變狀態的事件。

例如給你一個圖標ID說#mail

$('#mail').dblClick(function(){ 
//allow user to change value 
});