HTML和Clickable表格單元格

-1

我需要製作HTML表格可點擊的單元格。發生此事件時，彈出窗口或窗口會顯示一些信息。這裏我當前的HTML代碼：HTML和Clickable表格單元格

<table class="table1"> 
<thead> 
    <tr> 
     <th scope="col">AAAA</th> 
     <th scope="col">BBBB</th> 
      .... 

    </tr> 
</thead> 
<tbody> 
<?php 
    $mystring = ""; 
      ... 
      echo '<td scope="row" style="width: 300px">'.$mystrin.'</td>'; 
    echo '<td style="background-color:#FFFFFF"></td>'; 
      ... 
?>  
</tbody> 
</table>

現在，「$ MyString的」在細胞內顯示。我想要一個單元格顏色（例如，背景顏色：＃388643「），如果點擊它，彈出窗口顯示字符串」$ mystring「。

創建彈出窗口我使用：

 echo "<script type='text/javascript'>alert($mystring);</script>";

，但我不能與事件「單擊該單元格」

來源

2014-04-22 user3472065

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener – Quentin

你試圖使一個javascript像onclick的事件？ – Angel

<tbody> 
<?php 
    $mystring = ""; //remember to remore the ' symbol 
     ... 
     echo '<td scope="row" style="width: 300px" onclick="alert(\'' .$mystrin. '\');">&nbsp;</td>'; 
     echo '<td style="background-color:#FFFFFF"></td>'; 
     ... 
?>  
</tbody>

來源

2014-04-22 11:04:03

這很好用！就一件事。在單元格中顯示消息。我需要該字符串只顯示彈出式窗口 – user3472065

已更新的答案以符合您的請求。 –

嘗試這樣

<tbody> 
     <td scope="row" style="width: 300px" id="click"><?php echo $mystring; ?></td> 
    <td style="background-color:#FFFFFF"></td>  
</tbody>

腳本

連結這個使用純JavaScript，沒有JS框架0

<script type='text/javascript'> 
$("#click").click(function(){ 
var value=$("#click").val(); 
alert(value); 

}); 
</script>

來源

2014-04-22 10:50:37

你可能想提一下，這種靈魂需要jQuery的工作http://jquery.com/ – raPHPid

HTML和Clickable表格單元格

回答

相關問題