JavaScript関数がonblickまたはonclickで動作しない

Question

私はかなり新しいajaxです。なぜ私の関数が起動していないのか不明です。私はテーブルを動的にMySQLデータベースからの値で構築している。テーブルをインラインで編集できるようにしようとしています。そう.....

<script> 
    function saveToDatabase(editableObj,column,id) { 
     $(editableObj).css("background","#FFF url(Loading_icon.gif) no-repeat right"); 
     $.ajax({ 
      url: "update/cpu.php", 
      type: "POST", 
      data:'column='+column+'&editval='+editableObj.innerHTML+'&id='+id, 
      success: function(data){ 
       $(editableObj).css("background","#FDFDFD"); 
      } 
     }); 
    } 
</script> 

として 次のように私が編集したいテーブルの部分が構築されています....

<tr class="table-row"> 
    <td><?php echo $row['idcpu']; ?></td> 
    <?php 
    echo "<td contenteditable=\"true\" onBlur=\"saveToDatabase(this,'name','".$row['idcpu']."');\" onClick=\"showEdit(this);\">".$row['name']." </td>"; 
    echo "<td contenteditable=\"true\" onBlur=\"saveToDatabase(this,'description','".$row['idcpu']."');\" onClick=\"showEdit(this);\">".$row['description']."</td>"; 
    echo "<td contenteditable=\"true\" onBlur=\"saveToDatabase(this,'price','".$row['idcpu']."');\" onClick=\"showEdit(this);\">".$row['price']."</td>"; 
    echo "<td contenteditable=\"true\" onBlur=\"saveToDatabase(this,'quantity','".$row['idcpu']."');\" onClick=\"showEdit(this);\">".$row['quantity']."</td>"; ?> 
</tr> 

とJavaScript私は、出力のさまざまな方法を試してみましたhtmlへのコードは問題ではないことを知っていますが、私はかなり新しくなったと私が言ったように、私は必要なものを簡単に逃してしまいました。どんな助けがあれば幸いです。

Answer 1

あなたのコードは正常に動作しているようです。あなたはここを見てとることができます。私はクロームV49でそれをテストしてみた

JSBin Example

。

@ zer00neは、<td>要素の中にネストして、入力変更時にajax呼び出しを実行すると、<input>を使用するようにしてください。ブラウザのサポートはずっと優れています。