jeditableアイコンをテキストフィールドに変更

Question

jeditableを使用してテキストフィールドにテキストを変更する方法を知っているので、データベースを変更できます。 私のページにメールアイコンがあります。ユーザーはダブルクリックして（メールを1回クリックするだけで）メールアドレスを変更することができます。

どうすればよいですか？

<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を使用することができます。

あなたにアイコンを教えてください#mail

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