热搜:NVER 

点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层的隐藏有关问题

2024-04-26 10:53:01
 点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层的隐藏有关问题

点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层的隐藏问题
效果:点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层隐藏,显示其对应的层。
问题:表格

中有onclick可以实现显示层,如何做出类似onblur失去焦点时隐藏层的操作。
代码:
JavaScript:
JScript code
function ShowChosen(divID){
    divID.style.display='block';
    div=divID;
}

function selectRow(rowID) 
{ 
var tStu = document.getElementById("tblStudent") 
for(var i=0;i


表格:
HTML code
<?php $sql="SELECT * FROM student ORDER BY AddTime desc"; $query=mysql_query($sql); while($row=mysql_fetch_array($query)) { ?> <?php } ?>
<?php echo $row['stuName']?>



层:
HTML code
<?php $sql="SELECT * FROM student ORDER BY AddTime desc";
$query=mysql_query($sql);
while($row=mysql_fetch_array($query))
{
?>
        
<?php echo $row['stuInfo']?>
<?php } ?>

说明:之前使用单选按钮组,onclick时ShowChosen(),onblur时HideChosen(),但是又想有表格的效果,而且单选按钮也无法隐藏掉;
原本的思路是在selectRow()中,当行没被点中时用HideChosen()的,但是HideChosen(<?php echo $row['stuName']?>);是用不了的,括号里面值的问题。

非常感谢!

------解决方案--------------------
怎么不用jquery写呢