自定义document.getElementsByName() 兼容IE Firfox
来源:互联网 发布:设计班服要用什么软件 编辑:程序博客网 时间:2024/05/01 06:48
From: http://bbs.0duinfo.com/showtopic-32-1.aspx
应用场景:
1、网站后台多栏目组
2、多标签控制
效果及代码图:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> 左侧菜单 LdCMS!NT 零度建站系统 </title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <link href="Css/skin.css" rel="stylesheet" type="text/css" /> <link title="零度信息港" href="http://www.0duinfo.com/" rel="index" /> <base target="main" /> <script type="text/javascript"> if (top.location == self.location) { alert("请不要非法操作!"); top.location = "LdLogin.aspx"; } //获取标签集,兼容IE、Firfox function fGetElementsByName(sTag, sName) { //非IE var objIeTags = document.getElementsByName(sName); if (objIeTags.length > 0) return objIeTags; //For IE var objIeTags = new Array(); var objIEs = document.getElementsByTagName(sTag); for (var iIE = 0; iIE < objIEs.length; iIE++) if (objIEs[iIE].getAttribute("name") == sName) objIeTags[objIeTags.length] = objIEs[iIE]; return objIeTags; } //展开或隐藏指定标签(div) function fOpenOrCloseLeftContent(iNow) { var bIsOpen = false; var NowLeftContent = document.getElementById("LeftContent_" + iNow); if (NowLeftContent) bIsOpen = NowLeftContent.style.display != "none"; var aLeftContent = fGetElementsByName("div", "LeftContent"); if (aLeftContent) { var iC = 0; for (iC = 0; iC < aLeftContent.length; iC++) { aLeftContent[iC].style.display = "none"; } } NowLeftContent.style.display = bIsOpen ? "none": "block"; } </script> </head> <body> <form name="frmLeft" method="post" action="left.aspx" id="frmLeft"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="182" valign="top"> <div id="container"> <h1 class="TypeName"> <a href="LdLoginInfo.aspx"> 欢迎界面 </a> </h1> <div class="TypeContent" id="LeftContent_1" name="LeftContent"> <div class="Menu_TopLine"> </div> <ul class="ContentList"> <li> <a href="LdLoginInfo.aspx" title="系统综合数据"> 综合数据 </a> </li> </ul> </div> <h1 class="TypeName"> <a> 员工信息 </a> </h1> <div class="TypeContent" style="display:none;" id="LeftContent_2" name="LeftContent"> <div class="Menu_TopLine"> </div> <ul class="ContentList"> <li> <a href="StaffInfoAdd.aspx?edSelf=zfj"> 个人信息 </a> </li> <li> <a href="CommentsInfo.aspx"> 个人评论 </a> </li> <li> <a href="StaffInfoList.aspx?view=zfj"> 通讯录 </a> </li> <li> <a href="StaffInfoAdd.aspx"> 新增员工 </a> </li> <li> <a href="StaffInfoList.aspx"> 员工管理 </a> </li> </ul> </div> <h1 class="TypeName"> <a> 精英战报 </a> </h1> <div class="TypeContent" style="display:none;" id="LeftContent_3" name="LeftContent"> <div class="Menu_TopLine"> </div> <ul class="ContentList"> <li> <a href="PerformanceOrder.aspx?type=D13085CE4C61EA9A"> 最新龙虎榜 </a> </li> <li> <a href="PerformanceOrder.aspx?type=8505E354441BBE78"> 本年龙虎榜 </a> </li> <li> <a href="PerformanceOrder.aspx?type=260E5CB549C39C20"> 本季龙虎榜 </a> </li> <li> <a href="PerformanceOrder.aspx?type=9CD248D27CDC5C55"> 本月龙虎榜 </a> </li> <li> <a href="PerformanceOrder.aspx?type=6C3192A195FBD2E7"> 本周龙虎榜 </a> </li> <li> <a href="PerformanceOrder.aspx?type=34EC59E4C5D9A3E0"> 上月龙虎榜 </a> </li> <li> <a href="PerformanceOrder.aspx?type=A175EFCFF4D3487C"> 往年龙虎榜 </a> </li> </ul> </div> <!--此处省略若干项--> <h1 class="TypeName"> <a> 退出系统 </a> </h1> <div class="TypeContent" style="display:none;" id="LeftContent_16" name="LeftContent"> <div class="Menu_TopLine"> </div> <ul class="ContentList"> <li> <a href="LdLoginOut.aspx?zfj=www.0duinfo.cn" title="点击注销系统" target="_top"> 注销系统 </a> </li> <li> <a href="LdLoginOut.aspx" title="点击安全退出系统" target="_top"> 安全退出 </a> </li> </ul> </div> </div> </td> </tr> </table> </form> </body></html>
- 自定义document.getElementsByName() 兼容IE Firfox
- document.getElementsByName() 兼容
- IE 中document.getElementsByName
- 【JavaScript】修正IE下document.getElementsByName无法获取DIV标签,兼容IE FF的ByName方法
- 兼容firfox和IE透明度 CSS问题
- 加入收藏,设为主页,兼容IE,Firfox
- 兼容ie firfox的图片预览
- IE document.getElementsByName获取失败的解决方案
- document.createElement IE 兼容
- getElementsByName 兼容IE FF的方法
- IE中document.getElementById和document.getElementsByName特殊表现
- document.getElementsByName()
- js:动态清空select选项,兼容IE和Firfox
- js:动态添加select选项,兼容IE和Firfox
- 跨域访问Iframe自适应高度(兼容Firfox,IE)
- ie的大问题,关于document。getElementById和getElementsByName
- 修正IE下document.getElementsByName无法获取DIV标签
- 修正IE下document.getElementsByName无法获取DIV SPAN标签
- mysql常见问题集(1)-持续更新
- 回归验证
- QC10.0 lincese (仅供参考学习):
- (转)Windows下导出postgres数据
- 线程中yield()方法的一个奇怪的问题
- 自定义document.getElementsByName() 兼容IE Firfox
- 让单文档程序只运行一次
- SQL中char、varchar、text和nchar、nvarchar、ntext的区别
- Struts2利用stream直接输出Excel
- FAT,FAT32,NTFS单目录文件数量限制
- ORACLE PL/SQL编程之把过程与函数说透
- dizhi
- 一个简单的Ajax实例
- python的SocketServer代码记录