`
qhd_liwei
  • 浏览: 104506 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

表格选中某行,并以弹出窗口修改其内容.兼容IE,firefox

    博客分类:
  • java
阅读更多
<HTML>
<head>
<script   language="javascript">
var   curRow=null;
function   SelectRow(TrObj){
if(curRow)   curRow.style.backgroundColor="#FFFFFF";
TrObj.style.backgroundColor="#FFCC00";
curRow=TrObj;
}

function   CalTotalScore(){
  
}
function   ToModify(){
var   pWin=window.open("","","width=200px,height=150px,left="+(screen.width-200)/2+",top="+(screen.height-150)/2);
pWin.document.write(divOpen.innerHTML);
pWin.document.all.txtMath.value=curRow.cells[1].innerText;
pWin.document.all.txtHis.value=curRow.cells[2].innerText;
pWin.document.all.txtEng.value=curRow.cells[3].innerText;
  
}
</script>
</head>
  
<body   onLoad="CalTotalScore();">
<table   align="center"   width="500"   border="1"   cellpadding="0"   cellspacing="0"   style="border-collapse:collapse   "   bordercolor="#111111">
      <tr>
          <td   width="100"   align="center">姓名</td>
          <td   width="100"   align="center">数学</td>
          <td   width="100"   align="center">历史</td>
          <td   width="100"   align="center">外语</td>
          <td   width="100"   align="center">总分</td>
      </tr>
      <tr   onClick="SelectRow(this)">
          <td   align="center">张三</td>
          <td   align="right">78</td>
          <td   align="right">92</td>
          <td   align="right">85</td>
          <td   align="right">&nbsp;</td>
      </tr>
      <tr   onClick="SelectRow(this)">
          <td   align="center">李四</td>
          <td   align="right">82</td>
          <td   align="right">68</td>
          <td   align="right">91</td>
          <td   align="right">&nbsp;</td>
      </tr>
      <tr>
          <td   align="center"   colspan="5">
<input   type="button"   value="修改"   onClick="ToModify()">&nbsp;
<input   type="button"   value="关闭"   onClick="javascript:window.close();">
</td>
      </tr>
</table>
<div   id="divOpen"   style="display:none   ">
<script   language="javascript">
function   doSave(){
var   opener=window.opener;
opener.curRow.cells[1].innerText=txtMath.value;
opener.curRow.cells[2].innerText=txtHis.value;
opener.curRow.cells[3].innerText=txtEng.value;
}
</script>
<table   width="80%"   align="center"   border="1"   cellpadding="0"   cellspacing="0"   style="border-collapse:collapse   "   bordercolor="#111111">
      <tr>
          <td   width="40%"   align="right">数学;&nbsp;</td>
          <td   width="60%"><input   type="text"   id="txtMath"   style="width:100%   "></td>
      </tr>
      <tr>
          <td   align="right">历史;&nbsp;</td>
          <td><input   type="text"   id="txtHis"   style="width:100%   "></td>
      </tr>
      <tr>
          <td   align="right">外语;&nbsp;</td>
          <td><input   type="text"   id="txtEng"   style="width:100%   "></td>
      </tr>
      <tr>
          <td   colspan="2"   align="center"><input   type="button"   value="保存"   onClick="doSave()"></td>
      </tr>
</table>
</div>
</body>
  
</html> 
分享到:
评论

相关推荐

    兼容IE和firefox的弹出层.zip

    "兼容IE和firefox的弹出层.zip"这个压缩包文件显然提供了一个解决方案,旨在确保弹出层在这些浏览器之间能够正常工作。下面将详细解释弹出层的概念,以及在不同浏览器间实现兼容性的关键点。 **弹出层(Pop-up ...

    完美弹出窗口 兼容所有浏览器

    标题中的“完美弹出窗口 兼容所有浏览器”意味着这个解决方案旨在确保在各种主流浏览器(如Chrome、Firefox、Safari、Edge和Internet Explorer)中一致的表现。跨浏览器兼容性是Web开发中的一个重要考虑因素,因为...

    JS导入导出Excel 兼容IE、Firefox、Chrome等浏览器

    "JS导入导出Excel 兼容IE、Firefox、Chrome等浏览器"这一技术主题,聚焦于如何使用JavaScript(JS)在各种浏览器环境下处理Excel文件,包括古老的Internet Explorer(IE)、Firefox以及Chrome。下面我们将深入探讨这...

    Firefox 火狐浏览器安装包

    火狐浏览器(Mozilla Firefox)是一款由Mozilla基金会和志愿者共同开发的开源网络浏览器,以其高度定制性、安全性和性能而受到用户欢迎。以下是一份描述: 火狐浏览器是一款跨平台的开源网络浏览器,由Mozilla基金...

    兼容IE和Firefox获得keyBoardEvent对象

    兼容IE和Firefox获得keyBoardEvent对象 在 JavaScript 编程中,获得keyBoardEvent对象是非常重要的,但是不同的浏览器对其支持不同。IE和Firefox是两种最常用的浏览器,它们对keyBoardEvent对象的支持存在一定的...

    Firefox火狐浏览器官方52.9.0esr-mac版本dmg安装包

    Firefox火狐浏览器,作为一款开源、免费的网络浏览器,以其强大的安全性、隐私保护及高度自定义性深受用户喜爱。52.9.0esr版本是针对企业用户推出的一个长期支持版本,提供稳定且安全的浏览体验。本文将详细解析这个...

    Firefox火狐浏览器官方52.9.0esr-win32版本exe安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。52.9.0esr(Extended Support Release)是针对企业用户推出的一个特别版本,它在稳定性和...

    js兼容火狐中文日历calender.ie.firefox.mqney

    内容:此压缩包包括效果图及所有代码。 声明:此代码原作者是brull,brull@163.com。为了方便应用,我把它拆分为三个部分,js、css、html。 优点:此代码优点是兼容火狐,简洁,中文。 乱码:如果日历出现中文乱码,...

    Firefox火狐浏览器官方52.7.2esr-win32版本exe安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。52.7.2esr-win32版本是专门为Windows 32位操作系统设计的稳定版更新,它提供了许多改进和...

    jquery 弹出框,可以拖动。在任兼容ie6~ie9 firefox 谷歌

    在任兼容ie6~ie9 firefox 谷歌”指的是一个基于jQuery实现的弹出对话框插件,它具有拖动功能,并且兼容Internet Explorer 6到9,以及Firefox和Google Chrome等现代浏览器。这个插件可能采用了jQuery的核心功能,如...

    Firefox火狐浏览器官方52.4.0esr-mac版本dmg安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。本篇文章将详述针对Mac系统的Firefox 52.4.0esr版本的安装过程及其特色。 一、Firefox ...

    网页特效-窗口特效-兼容IE和Firefox的可拖动弹出登陆窗口

    网页特效-窗口特效-兼容IE和Firefox的可拖动弹出登陆窗口

    Firefox火狐浏览器官方45.9.0esr-mac版本dmg安装包

    Firefox,作为Mozilla基金会开发的一款开源网络浏览器,以其高度定制化、强大的隐私保护和跨平台兼容性而深受用户喜爱。45.9.0esr版是针对Mac用户的稳定版本,它在保证性能的同时,为用户提供了安全、高效的网页浏览...

    ie firefox 兼容问题大全

    本文将详细总结并分析IE与Firefox在CSS、DOM操作等方面的兼容性问题,并提供相应的解决方案。 #### 二、关键兼容性问题及解决方案 1. **表单元素的访问方式** - **问题描述**:在IE中,可以通过`document.form...

    让IE和火狐同时兼容

    特别是在早期的Web时代,Internet Explorer(简称IE)与Mozilla Firefox(简称火狐)这两款浏览器之间存在着显著的差异,这使得页面设计师不得不花费大量时间去解决它们之间的兼容性问题。本文将详细介绍如何使网站...

    clipboard复制文本或者隐藏域到剪切板,兼容ie.chrome.firefox

    针对这个问题,`clipboard.js`应运而生,它提供了一种优雅且兼容多浏览器的方式来实现文本复制功能,包括IE、Chrome和Firefox等主流浏览器。 `clipboard.js`是一个轻量级的库,它的主要作用是简化了浏览器的剪贴板...

    Firefox火狐浏览器官方52.2.1esr-win32版本exe安装包

    Firefox火狐浏览器,由Mozilla基金会开发,是一款开源、免费的网络浏览器,以其强大的安全性、隐私保护和高度可定制性著称。本资源是Firefox 52.2.1esr-win32的官方安装包,专为32位Windows系统设计,提供了稳定且...

    Firefox火狐浏览器官方78.15.0esr-mac版本dmg安装包

    Firefox火狐浏览器,一款由Mozilla基金会开发的开源网络浏览器,以其强大的隐私保护、高度定制化和卓越的性能而备受用户青睐。本文将详细探讨最新版本78.15.0esr的Mac版,帮助用户深入了解这一安全、快速的浏览工具...

    在Firefox下直接调用IE浏览器(IETab这个插件).zip

    标题中的"IETab"是一个Firefox浏览器插件,它允许用户在Firefox中直接使用Internet Explorer(IE)的渲染引擎来打开网页。这个插件对于那些必须访问仅支持IE特性的网站的用户来说非常有用,因为某些老旧或特定的Web...

    Firefox ESR版本不兼容旧插件解决办法

    ### Firefox ESR版本不兼容旧插件解决办法 在日常使用Firefox浏览器的过程中,用户可能会遇到扩展插件不兼容的问题,尤其是在使用ESR(Extended Support Release)版本时更为常见。ESR版本是为了提供长期支持而设计...

Global site tag (gtag.js) - Google Analytics