首页 > 后端开发 > php教程 > 点击表格行(学生姓名)时显示对应的层(学生信息),当点击其他行时原层的隐藏有关问题

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

WBOY
发布: 2016-06-13 13:10:42
原创
946 人浏览过

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

中有onclick可以实现显示层,如何做出类似onblur失去焦点时隐藏层的操作。
代码:
JavaScript:
JScript code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->function ShowChosen(divID){
    divID.style.display='block';
    div=divID;
}

function selectRow(rowID) 
{ 
var tStu = document.getElementById("tblStudent") 
for(var i=0;i<tstu.rows.length if rowid tstu.rows resumerowover resumerowout else function rowover row.bgcolor="#DCD8BF" rowout hidechosen divid.style.display="none"></tstu.rows.length>
登录后复制


表格:
HTML code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->
登录后复制



层:
HTML code
<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->
        
登录后复制

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

非常感谢!

------解决方案--------------------
怎么不用jquery写呢
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板