客户端独立弹出详细的实现过程

拷贝粘贴以下代码段,保存为html文件,试试看效果如何吧。。。
前几天贴子没写东西就搁在上面搁了几天,真不好意思。

None.gif
None.gif
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
None.gif
<HTML>
None.gif    
<HEAD>
None.gif    
</HEAD>
None.gif    
<body>
None.gif        
<form id="Form1">
None.gif
ExpandedBlockStart.gifContractedBlock.gif
<script language="javascript" type="text/javascript">dot.gif
InBlock.gif
function PopupDetailBoard()
ExpandedSubBlockStart.gifContractedSubBlock.gif
dot.gif{
InBlock.gif    
this.sContext="";
InBlock.gif    
this.sTitle="";
InBlock.gif    
this.AddTextLine=AddTextLine;
InBlock.gif    
this.AddTitle=AddTitle;
InBlock.gif    
function AddTextLine(title,context)
ExpandedSubBlockStart.gifContractedSubBlock.gif    
dot.gif{
InBlock.gif        
this.sContext=this.sContext+"<tr><td align=left width=30% valign=top><b><font face=arial>"+title+":</font></b></td><td width=70% valign=top><font face=arial>"+context+"</font></td></tr>";
ExpandedSubBlockEnd.gif    }

InBlock.gif    
function AddTitle(context)
ExpandedSubBlockStart.gifContractedSubBlock.gif    
dot.gif{
InBlock.gif        
this.sTitle="<b>&nbsp;&nbsp;&nbsp;&nbsp;"+context+"</b>";
ExpandedSubBlockEnd.gif    }

InBlock.gif    
this.ShowDetailBoard=ShowDetailBoard;
InBlock.gif    
function ShowDetailBoard(Title,xpos,ypos,width,height)
ExpandedSubBlockStart.gifContractedSubBlock.gif    
dot.gif{
InBlock.gif        
var oPopup = window.createPopup();
InBlock.gif        
var oPopBody = oPopup.document.body;
InBlock.gif        oPopBody.style.backgroundColor 
= "white";
InBlock.gif        oPopBody.style.boderTop
="solid buttonhighlight 2px";
InBlock.gif        oPopBody.style.boderLeft
="solid buttonhighlight 2px";
InBlock.gif        oPopBody.style.boderRight
="solid buttonshadow 2px";
InBlock.gif        oPopBody.style.boderBottom
="solid buttonshadow 2px";
InBlock.gif        
var headerHeight;
InBlock.gif        headerHeight
=height/14;
InBlock.gif        headerHeight
=parseInt(headerHeight);
InBlock.gif        
this.sContext="<table width=100%>"+this.sContext+"</table>";
InBlock.gif        oPopBody.innerHTML 
= "<table width=100% height=99% cellpadding=0 cellspacing=1><tr><td><table width=100% bgcolor=#d6d3ce border=1 height="+headerHeight+" style='border-collapse:collapse;border-top:1px solid buttonhighlight;border-left:1px solid buttonhighlight;border-right:1px solid buttonshadow;border-bottom:1px solid buttonshadow'><tr><td><font style='font-weight:bold;letter-spacing:2px;font-size:12pt;font-family:arial'>&nbsp;"+Title+"</font></td></tr></table><table width=100% height=92% border=1 bgcolor='white'style='border-collapse:collapse;border-top:1px solid buttonhighlight;border-left:1px solid buttonhighlight;border-right:1px solid buttonshadow;border-bottom:1px solid buttonshadow'><tr><td><div style='overflow:auto;background-color:#f7f3ef;font-size:10pt;width:100%;height:99%;border-bottom:1px solid buttonhighlight;border-right:1px solid buttonhighlight;border-left:1px solid buttonshadow;border-top:1px solid buttonshadow'>"+this.sTitle+this.sContext+"</div></td></tr></table></td></tr></table>";
InBlock.gif        oPopup.show(xpos,ypos,width,height, document.body);
ExpandedSubBlockEnd.gif    }

ExpandedSubBlockEnd.gif}

InBlock.gif
InBlock.gif
function ShowDetail(Key)
ExpandedSubBlockStart.gifContractedSubBlock.gif
dot.gif{
InBlock.gif    
var table=document.all('cacheTable')
InBlock.gif    
if(table.rows.length==0return;
InBlock.gif    
InBlock.gif    pdb
=new PopupDetailBoard();
InBlock.gif    
for(i=0;i<table.rows[0].cells.length;i++)
ExpandedSubBlockStart.gifContractedSubBlock.gif    
dot.gif{
InBlock.gif        
if(table.rows[0].cells[i].innerText=="序号")
ExpandedSubBlockStart.gifContractedSubBlock.gif        
dot.gif{
InBlock.gif            
for(j=1;j<table.rows.length;j++)
ExpandedSubBlockStart.gifContractedSubBlock.gif            
dot.gif{
InBlock.gif                
if(table.rows[j].cells[i].innerText==Key)
ExpandedSubBlockStart.gifContractedSubBlock.gif                
dot.gif{
InBlock.gif                    
for(k=0;k<table.rows[1].cells.length;k++)
ExpandedSubBlockStart.gifContractedSubBlock.gif                    
dot.gif{
InBlock.gif                        
if(table.rows[0].cells[k].innerText!='GloablRecordID')
ExpandedSubBlockStart.gifContractedSubBlock.gif                        
dot.gif{
InBlock.gif                            pdb.AddTextLine(table.rows[
0].cells[k].innerText,table.rows[j].cells[k].innerText)
ExpandedSubBlockEnd.gif                        }

ExpandedSubBlockEnd.gif                    }

ExpandedSubBlockEnd.gif                }

ExpandedSubBlockEnd.gif            }

InBlock.gif            
break;
ExpandedSubBlockEnd.gif        }

ExpandedSubBlockEnd.gif    }

InBlock.gif    pdb.ShowDetailBoard('您正在查看的信息是:',
300,400,500,500)
ExpandedSubBlockEnd.gif}

InBlock.gif
InBlock.gif
function ShowDetailEx(tableName,Key,title)
ExpandedSubBlockStart.gifContractedSubBlock.gif
dot.gif{
InBlock.gif    
var table=document.all(tableName)
InBlock.gif    
if(table.rows.length==0return;
InBlock.gif    
InBlock.gif    pdb
=new PopupDetailBoard();
InBlock.gif    
for(i=0;i<table.rows[0].cells.length;i++)
ExpandedSubBlockStart.gifContractedSubBlock.gif    
dot.gif{
InBlock.gif        
if(table.rows[0].cells[i].innerText=="序号")
ExpandedSubBlockStart.gifContractedSubBlock.gif        
dot.gif{
InBlock.gif            
for(j=1;j<table.rows.length;j++)
ExpandedSubBlockStart.gifContractedSubBlock.gif            
dot.gif{
InBlock.gif                
if(table.rows[j].cells[i].innerText==Key)
ExpandedSubBlockStart.gifContractedSubBlock.gif                
dot.gif{
InBlock.gif                    
for(k=0;k<table.rows[1].cells.length;k++)
ExpandedSubBlockStart.gifContractedSubBlock.gif                    
dot.gif{
InBlock.gif                        
if(table.rows[0].cells[k].innerText!='GloablRecordID')
ExpandedSubBlockStart.gifContractedSubBlock.gif                        
dot.gif{
InBlock.gif                            pdb.AddTextLine(table.rows[
0].cells[k].innerText,table.rows[j].cells[k].innerText)
ExpandedSubBlockEnd.gif                        }

ExpandedSubBlockEnd.gif                    }

ExpandedSubBlockEnd.gif                }

ExpandedSubBlockEnd.gif            }

InBlock.gif            
break;
ExpandedSubBlockEnd.gif        }

ExpandedSubBlockEnd.gif    }

InBlock.gif    pdb.ShowDetailBoard(title,
300,400,500,500)
ExpandedBlockEnd.gif}

None.gif
</script>
None.gif            
None.gif
<TABLE id="cacheTable" style="DISPLAY: none; WIDTH: 928px; BORDER-COLLAPSE: collapse; HEIGHT: 1px"
None.gif                cellSpacing
="1" cellPadding="1" width="928" border="1">
None.gif                
<TR>
None.gif                    
<TD>序号</TD>
None.gif                    
<TD>公务号码</TD>
None.gif                    
<TD>应交移动话费</TD>
None.gif                    
<TD>应交长途话费</TD>
None.gif                    
<TD>减免移动话费</TD>
None.gif                    
<TD>减免长途话费</TD>
None.gif                    
<TD>其他数量</TD>
None.gif                    
<TD>其他现金</TD>
None.gif                    
<TD>补缴金额</TD>
None.gif                    
<TD>登记年月</TD>
None.gif                
</TR>
None.gif                
<tr><td>2</td><td>1000</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>2005年10月01日</td></tr><tr><td>3</td><td>10001</td><td>10,001.00</td><td>10,001.00</td><td>10,001.00</td><td>10,001.00</td><td>10,001.00</td><td>10,001.00</td><td>10,001.00</td><td>2005年10月31日</td></tr><tr><td>4</td><td>1000</td><td>1,000.10</td><td>1,000.00</td><td>10,001.00</td><td>1,000.01</td><td>1,000.10</td><td>1,000.01</td><td>1,000.01</td><td>2005年10月31日</td></tr><tr><td>7</td><td>11112121</td><td>11.00</td><td>11.00</td><td>11.00</td><td>11.00</td><td>111.00</td><td>11.00</td><td>1,111.00</td><td>2005年10月31日</td></tr><tr><td>8</td><td>111</td><td>11.00</td><td>11.00</td><td>11.00</td><td>11.00</td><td>111.00</td><td>11.00</td><td>1,111.00</td><td>2005年10月25日</td></tr><tr><td>10</td><td>1000</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>2005年10月31日</td></tr><tr><td>11</td><td>13170277520</td><td>200.00</td><td>200.00</td><td>20.00</td><td>100.00</td><td>50.00</td><td>150.00</td><td>18.00</td><td>2005年10月31日</td></tr><tr><td>13</td><td>100000</td><td>100,000.00</td><td>100,000.00</td><td>100,000.00</td><td>100,000.00</td><td>100,000.00</td><td>100,000.00</td><td>100,000.00</td><td>2005年11月02日</td></tr>
None.gif            
</TABLE>
None.gif            
<table cellspacing="0" cellpadding="0" rules="all" align="center" border="1" id="grid" style="width:100%;border-collapse:collapse;">
None.gif    
<tr align="Center" style="height:25px;">
None.gif        
<td>序号</td><td>公务号码</td><td>应交移动话费</td><td>应交长途话费</td><td>减免移动话费</td><td>减免长途话费</td><td>其他数量</td><td>其他现金</td><td>补缴金额</td><td>登记年月</td><td>查看详情</td>
None.gif    
</tr><tr class="tdbg" align="Center" style="height:23px;">
None.gif        
<td><href="javascript:ShowDetail('2');">2</a></td>
None.gif        
<td>1000</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>2005-10-01</td><td>
None.gif                            
<href="javascript:ShowDetail('2');">
None.gif                                查看详情
</a>
None.gif                        
</td>
None.gif    
</tr><tr class="tdbg" align="Center" style="height:23px;">
None.gif        
<td><href="javascript:ShowDetail('3');">3</a></td>
None.gif            
</td><td>10001</td><td>10,001.00</td><td>10,001.00</td><td>10,001.00</td><td>10,001.00</td><td>10,001.00</td><td>10,001.00</td><td>10,001.00</td><td>2005-10-31</td><td>
None.gif                            
<href="javascript:ShowDetail('3');">
None.gif                                查看详情
</a>
None.gif                        
</td>
None.gif    
</tr><tr class="tdbg" align="Center" style="height:23px;">
None.gif        
<td><href="javascript:ShowDetail('4');">4</a></td>
None.gif        
<td>1000</td><td>1,000.10</td><td>1,000.00</td><td>10,001.00</td><td>1,000.01</td><td>1,000.10</td><td>1,000.01</td><td>1,000.01</td><td>2005-10-31</td><td>
None.gif                            
<href="javascript:ShowDetail('4');">
None.gif                                查看详情
</a>
None.gif                        
</td>
None.gif    
</tr><tr class="tdbg" align="Center" style="height:23px;">
None.gif        
<td><href="javascript:ShowDetail('7')">7</a></td><td>11112121</td><td>11.00</td><td>11.00</td><td>11.00</td><td>11.00</td><td>111.00</td><td>11.00</td><td>1,111.00</td><td>2005-10-31</td><td>
None.gif                            
<href="javascript:ShowDetail('7');">
None.gif                                查看详情
</a>
None.gif                        
</td>
None.gif    
</tr><tr class="tdbg" align="Center" style="height:23px;">
None.gif        
<td><href="javascript:ShowDetail('8')">8</a></td><td>111</td><td>11.00</td><td>11.00</td><td>11.00</td><td>11.00</td><td>111.00</td><td>11.00</td><td>1,111.00</td><td>2005-10-25</td><td>
None.gif                            
<href="javascript:ShowDetail('8');">
None.gif                                查看详情
</a>
None.gif                        
</td>
None.gif    
</tr><tr class="tdbg" align="Center" style="height:23px;">
None.gif        
<td><href="javascript:ShowDetail('10')">10</a></td><td>1000</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>1,000.00</td><td>2005-10-31</td><td>
None.gif                            
<href="javascript:ShowDetail('10');">
None.gif                                查看详情
</a>
None.gif                        
</td>
None.gif    
</tr><tr class="tdbg" align="Center" style="height:23px;">
None.gif        
<td>
None.gif                            
<href="javascript:ShowDetail('11');">
None.gif                                11
</a>                        </td><td>13170277520</td><td>200.00</td><td>200.00</td><td>20.00</td><td>100.00</td><td>50.00</td><td>150.00</td><td>18.00</td><td>2005-10-31</td><td>
None.gif                            
<href="javascript:ShowDetail('11');">
None.gif                                查看详情
</a>
None.gif                        
</td>
None.gif    
</tr><tr class="tdbg" align="Center" style="height:23px;">
None.gif        
<td><href="javascript:ShowDetail('13')">13</a></td><td>100000</td><td>100,000.00</td><td>100,000.00</td><td>100,000.00</td><td>100,000.00</td><td>100,000.00</td><td>100,000.00</td><td>100,000.00</td><td>2005-11-02</td><td>
None.gif                            
<href="javascript:ShowDetail('13');">
None.gif                                查看详情
</a>
None.gif                        
</td>
None.gif    
</tr>
None.gif
</table>
None.gif
</form>
None.gif    
</body>
None.gif
</HTML>
None.gif

转载于:https://www.cnblogs.com/begincsdn/archive/2005/11/11/273735.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/424238.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Unity3D性能优化之Draw Call Batching

在屏幕上渲染物体&#xff0c;引擎需要发出一个绘制调用来访问图形API&#xff08;iOS系统中为OpenGL ES&#xff09;。每个绘制调用需要进行大量的工作来访问图形API&#xff0c;从而导致了CPU方面显著的性能开销。Unity在运行时可以将一些物体进行合并&#xff0c;从而用一个…

第九十六期:JavaScript 中的 4 个相等比较算法的介绍

JavaScript 运算中&#xff0c;一共包含 4 个相等比较算法&#xff1a;抽象相等比较&#xff1b;严格相等比较&#xff1b;SameValueZero&#xff1b;SameValue。 作者&#xff1a;zhangbao90s JavaScript 运算中&#xff0c;一共包含 4 个相等比较算法&#xff1a; 抽象相等…

第九十七期:新版Kite:实时补全代码,Python之父都发声力挺!

不久前&#xff0c;一个免费的专门针对 Python 的代码补全工具 Kite&#xff0c;有了新的动态。 作者&#xff1a;杨鲤萍 本文转自雷锋网&#xff0c;如需转载请至雷锋网官网申请授权。 不久前&#xff0c;一个免费的专门针对 Python 的代码补全工具 Kite&#xff0c;有了新…

svn 版本升级的问题

原创文章&#xff0c;转载请注明 svn本地版本由1.6升级到1.7后&#xff0c;再使用时遇到一些问题&#xff0c;这里记录一下以备忘。 升级后&#xff0c;使用任何命令 不能用了&#xff0c;提示的意思大致是本地的workcopy版本太低了&#xff08;之前用1.6版本&#xff0c;check…

[JavaME]手机申请移动分配的动态IP(3)?

获取IP后是否可以和它通讯呢&#xff1f;<?xml:namespace prefix o ns "urn:schemas-microsoft-com:office:office" />Hi&#xff0c;继续上回的讨论《[JavaME]手机是否能够申请到动态IP[2]?》。 上回说到申请动态IP是可以了&#xff0c;并且准备好了一个线…

第九十八期:TIOBE11月榜单:C、Swift、Go、D与Rust起起伏伏

TIOBE 指数并不代表语言的好坏&#xff0c;开发者可以使用该榜单检查自身的编程技能是否需要更新&#xff0c;或者在开始构建新软件时对某一语言做出选择。 作者&#xff1a;oschina TIOBE 公布了 11 月份编程语言排行榜。 本月前 20 名中有一些有趣的现象&#xff0c;先看看…

Vue 之 slot(插槽)

前言&#xff1a; vue中关于插槽的文档说明很短&#xff0c;语言又写的很凝练&#xff0c;再加上其和methods&#xff0c;data&#xff0c;computed等常用选项在使用频率、使用先后上的差别&#xff0c;这就有可能造成初次接触插槽的开发者容易产生“算了吧&#xff0c;回头再学…

第一百期:Java架构师:高并发下的流量控制

这个时候如果不做任何保护措施&#xff0c;服务器就会承受很大的处理压力&#xff0c;请求量很高&#xff0c;服务器负载也很高&#xff0c;并且当请求超过服务器承载极限的时候&#xff0c;系统就会崩溃&#xff0c;导致所有人都不能访问。 作者&#xff1a;IT技术分享 这个…

OpenCV学习笔记:矩阵的掩码操作

矩阵的掩码操作很简单。其思想是&#xff1a;根据掩码矩阵&#xff08;也称作核&#xff09;重新计算图像中每个像素的值。掩码矩阵中的值表示近邻像素值&#xff08;包括该像素自身的值&#xff09;对新像素值有多大影响。从数学观点看&#xff0c;我们用自己设置的权值&#…

spring mvc学习(15)Referenced file contains errors

SSM项目中出现Referenced file contains errors (http://www.springframework.org/schema/mvc/spring-mvc-3.0.xs 2019-01-20 22:37:06 薛定谔小猫Historia 阅读数 468更多 分类专栏&#xff1a; java及其框架学习 版权声明&#xff1a;本文为博主原创文章&#xff0c;遵循…

spring mvc学习(16)Could not publish server configuration for Tomcat v8.0 Server at localhost.

这个问题本质是我们有多个重名项目&#xff0c;为什么我们会有多个重名项目&#xff0c;其实一般都是我们删除以前的项目&#xff0c;然后再把它重新导进eclipse时以前的项目删除不彻底造成的&#xff0c;以前的项目在"Servers"里面的"server.xml"文件下的…

产品管理:启示录 - 特约客户、产品验证、原型测试

• 如何挑选有潜力的产品&#xff1f; • 如何证明产品设计符合用户需求&#xff1f; • 如何确认产品设计满足三个基本条件&#xff1f; • 如何运用敏捷方法管理产品&#xff1f; • …… 这是《启示录》上说的一些话&#xff0c;去年看了一下&#xff0c;和团队分享了其中几…

37. Sudoku Solver

文章目录1 题目理解2 回溯1 题目理解 Write a program to solve a Sudoku puzzle by filling the empty cells. A sudoku solution must satisfy all of the following rules: Each of the digits 1-9 must occur exactly once in each row. Each of the digits 1-9 must oc…

spring mvc学习(17)Intellij IDEA创建maven项目无java文件问题

1.解决之前项目结构如下&#xff1a; 2.选择File->Project Structure... 3.选择Modules选项卡下面的Sources项&#xff0c;在main文件夹上右键&#xff0c;选择New Folder...并点击OK   4.输入要创建的文件夹名称java&#xff0c;并点击OK继续 5.在创建好的java文件夹上右…

51. N-Queens

文章目录1 题目理解2 回溯2.1 直观解法2.2 按行遍历1 题目理解 The n-queens puzzle is the problem of placing n queens on an n x n chessboard such that no two queens attack each other. Given an integer n, return all distinct solutions to the n-queens puzzle. …

第一百零一期:如何处理ASP .NET Core中的cookie?

本文介绍了ASP.NET Core Web应用程序中利用cookie存储和检索针对特定用户的信息。 作者&#xff1a;布加迪编译 【51CTO.com快译】cookie是通常用于存储有关用户信息的一条数据&#xff0c;存储在用户的计算机上。在大多数浏览器中&#xff0c;每个cookie都存储为一个小文件&a…

第一百零二期:5G套餐到底该不该换?看完你就明白啦!

日前&#xff0c;三大运营商正式宣布5G商用&#xff0c;并公布了各自的5G资费套餐。毫无意外&#xff0c;正式公布出来的套餐内容&#xff0c;和之前运营商内部泄露的内容完全一致。 作者&#xff1a;小枣君 日前&#xff0c;三大运营商正式宣布5G商用&#xff0c;并公布了各自…

79. Word Search

文章目录1题目理解2 回溯3 212 word search II1题目理解 Given an m x n board and a word, find if the word exists in the grid. The word can be constructed from letters of sequentially adjacent cells, where “adjacent” cells are horizontally or vertically ne…

127. Word Ladder

文章目录1 题目理解2 BFS3 双向BFS1 题目理解 给定两个单词&#xff08;beginWord 和 endWord&#xff09;和一个字典&#xff0c;找到从 beginWord 到 endWord 的最短转换序列的长度。转换需遵循如下规则&#xff1a; 每次转换只能改变一个字母。 转换过程中的中间单词必须是…

第一百零三期:解读回归测试:类型、选择、挑战和实践

本文介绍了回归测试的基本概念、工作方式、面临的挑战、以及业界的优秀实践。 作者&#xff1a;陈峻编译 【51CTO.com快译】有研究表明&#xff1a;在安装了新的应用程序之后&#xff0c;只有四分之一的用户会在次日回到该应用。而大多数用户在首次使用之后就直接将其卸载掉了…