2013-03-09 36 views
0

嗨程序员和网页设计师, 我正在为我工​​作的公司的一个小系统工作,一切都差不多完成了(感谢这个网站和其他网站的帮助......)除了这个函数,我希望我的PHP代码生成的表的整个行,现在我只能使我的第二列可点击。我已经尝试了谷歌搜索,但我找不到一个可行的解决方案。仅供参考,我是一个noob,刚开始学习php ....提前致谢...使整行可点击 - PHP方法

while($info = mysql_fetch_array($data)) 
{ echo "<tr> class='tablerows' align=center onclick=\"window.location=http://active_jobs.php?job_ticket='".$info['job_ticket']."'\"> 
<td>".$info['date']."</td>; 
<td><a> href=somefile.php?job_ticket=".$info['job_ticket'].">".$info['job_ticket']."</td> 
<td>".$info['invoice_no']."</td> <td>".$info['customer']."</td> 
<td>".$info['job_type']."</td> <td>".$info['complete_date']."</td> 
<td>".$info['complete_time']."</td> 
<td>".$info['artist_operator_prepress']."</td> 
<td>".$info['status_prepress']."</td> 
<td>".$info['status_press']."</td> 
<td>".$info['status_postpress']."</td> <td 
width='300'>".$info['remarks']."</td>"; echo "</tr>"; 
} echo 
"</table>"; 

在此先感谢您的帮助。 Marco

回答

3

您无法使用PHP使整个行“可点击”。 PHP是一种服务器端语言;你生成HTML并吐出来。

如果要使整个表格行可点击,您必须将其包装在<a>(无效的HTML)中,或者使用客户端语言(如JavaScript)来应用事件侦听器,该侦听器会侦听点击<tr>并重定向到您想要的任何URL。

+0

谢谢你们帮助我......现在正在工作! 感谢马丁提到事件监听器的事情。我用这个: 函数DoNav(theUrl) { document.location.href = theUrl; } 并将onclick放在tr标签内: echo“ Macoy 2013-03-09 19:30:38

+0

如果是您使用的方法,请随时接受答案。 – 2013-03-10 22:01:07

1

您应该检查生成的HTML,你是关闭<tr>标记,以便类和JavaScript是它不再部分:

{ echo "<tr> class='tablerows' align=center onclick=\"window.location=http://active_jobs.php?job_ticket='".$info['job_ticket']."'\"> 
     ^remove this and check the html again; it probably works now 

您有与a标签第四行同样的错误。

0

我回答了这个问题,假设你知道JQUERY.Written示例代码将其复制到文件'.html'中并运行。确保你连接到互联网让jquery api加载。谢谢。

例如: -

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script> 

$(document).ready(function(){ 
$('table tr').click(function() { 
     alert('i am clicked'); 
     }); 
}); 
</script> 
</head> 

<body> 
    <table border="1"> 
<tr><td>1</td><td>apple</td><td>boy</td><td>jjjj</td><td>dddd</td><td></td><td>1010</td><td>1019</td><td>06-Mar-13 21:47:34</td></tr> 
<tr><td>2</td><td>strawberry</td><td>girl</td><td>jjjj</td><td>dddd</td><td></td><td>1010</td><td>1019</td><td>06-Mar-13 21:47:34</td></tr> 
<tr><td>2</td><td>strawberry</td><td>girl</td><td>jjjj</td><td>dddd</td><td></td><td>1010</td><td>1019</td><td>06-Mar-13 21:47:34</td></tr> 
    </table> 
</body> 
</html> 
1

对于那些种在使用PHP表中的值实时编辑,你可以去客户端的JavaScript脚本语言& jQuery的阿贾克斯..

相关信息:

Live Edit table With Ajax

这是值得...