如何解決onclick不觸發如果div是空的？

我正在爲我的偵察小組的成員和志願者工作在後端網站上。我有一個日曆頁面，它只是一個從數據庫中爲該行所有行（每個行有2個分部）的漂亮的表格構建。只有星期五，星期六和星期天加入。我這樣做是因爲我們習慣於谷歌表格。如何解決onclick不觸發如果div是空的？

（是的，我知道重複的條目等，但這是在這種情況下的最佳方式）。

現在這個問題我有： The html table

行是建立在PHP上的SQL的基礎：

<?php 
while ($result && ($row = $result_fetch_assoc())){ 
    echo" 
     <tr> 
      <td>" . $row['day'] . "</td> 
      <td>" . $row['date'] . "</td> 
      <td id='typestd" . $row['idPlanning'] . "'><div onclick='edittype_js(" . $row['idPlanning'] . ")'>" . $row['type'] . "</div></td> 
      <td id='descriptiontd" . $row['idPlanning'] . "'><div onclick='editdescr_js(" . $row['idPlanning'] . ")'>" . $row['description'] . "</div></td> 
      </tr> 
      "; 
    ...

的onclick確實從類型或描述的PHP文件中的GET呼應與一個javascript內HTML插入<td>，因此它覆蓋'與的onclick在div：

<?php 
echo"<input class='form-control' value='" . $row['type'] . "' autofocus></input>"; 
?>

現在的問題是，如果單元格被填充，onclick只會觸發。如果它是空的，它不會。我希望它是這樣的，你點擊它可以編輯文本，並輸入它保存單元格。

節省輸入我可以弄清楚，但我該如何使onclick也會觸發空單元格？（將其移動到作品中，但不能編輯並點擊文字）

來源

2016-11-16 S.Holzhauer

將onclicks添加到TD元素，如果div爲空，則不會呈現。此外，如果該字段爲空，並且將其替換爲「」，則可能值得檢查。 –

你能給我們一個工作的例子嗎？如在，而不是.php，但輸出的HTML和JavaScript？通過你的PHP解析並不能提供全部圖片。 –

但是，您將如何解決這個事實，即如果不重置它，您無法點擊單元格？我有用戶會點擊編輯錯字，而不是使用箭頭鍵？ @ R.Chappell –

將onClick添加到td標籤。當div爲空時，它不會渲染/將沒有大小，所以用戶將無法點擊它，因此該功能不會觸發。

<?php 
while ($result && ($row = $result_fetch_assoc())){ 
    echo" 
     <tr> 
      <td>" . $row['day'] . "</td> 
      <td>" . $row['date'] . "</td> 
      <td id='typestd" . $row['idPlanning'] . "' onclick='edittype_js(" . $row['idPlanning'] . ")'><div>" . $row['type'] . "</div></td> 
      <td id='descriptiontd" . $row['idPlanning'] . "' onclick='editdescr_js(" . $row['idPlanning'] . ")'><div>" . $row['description'] . "</div></td> 
      </tr> 
      "; 
    ...

來源

2016-11-16 17:14:55

但是，您將如何解決這個事實：如果不重置它，您無法點擊單元格？我有用戶會點擊編輯錯字，而不是使用箭頭鍵？ –

我不太確定你的意思。你能否準確解釋你用這張表創建的內容。 –

謝謝，但已經修好了:) –

如何解決onclick不觸發如果div是空的？

回答

相關問題