BlogJava-zhip-随笔分类-JavaScripthttp://www.blogjava.net/zhip/category/15389.html&nbsp;&nbsp;&nbsp;&nbsp;冬去春来<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp<strong><font style="FONT-SIZE: 9pt; FILTER: shadow(color=#cccccc); COLOR: #0060f0; HEIGHT: 1px">郑重声明：本Blog纯属个人学习、工作需要，记录相关资料。请不要发表任何有人身攻击的言论，谢谢！！</font><a href='Http://www.zhipsoft.cn' target='_blank'>www.zhipsoft.cn</a></strong>zh-cnFri, 31 Dec 2010 00:14:46 GMTFri, 31 Dec 2010 00:14:46 GMT60通过网页修改activex安全设置，添加信任站点，禁用弹出窗口阻止程序http://www.blogjava.net/zhip/archive/2009/07/05/285521.htmlzhipzhipSat, 04 Jul 2009 18:38:00 GMThttp://www.blogjava.net/zhip/archive/2009/07/05/285521.htmlhttp://www.blogjava.net/zhip/comments/285521.htmlhttp://www.blogjava.net/zhip/archive/2009/07/05/285521.html#Feedback0http://www.blogjava.net/zhip/comments/commentRss/285521.htmlhttp://www.blogjava.net/zhip/services/trackbacks/285521.html信任站点的注册表项

HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\ZoneMap\Ranges\Range[*]

ActiveX的注册表项

HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\[0-4]\[*]

[0-4]

值         设置
------------------------------
0        我的电脑
1        本地 Intranet 区域
2        受信任的站点区域
3        Internet 区域
4        受限制的站点区域

[*]

1001     下载已签名的 ActiveX 控件
1004     下载未签名的 ActiveX 控件
1200     运行 ActiveX 控件和插件
1201     对没有标记为安全的 ActiveX 控件进行初始化和脚本运行
1405     对标记为可安全执行脚本的 ActiveX 控件执行脚本
2201     ActiveX 控件自动提示 **

弹出窗口阻止程序的注册表项

HKEY_CURRENT_USERHKCU\Software\Microsoft\Internet Explorer\New Windows\PopupMgr

具体脚本如下:

<SCRIPT LANGUAGE="JavaScript">
<!--
var WshShell=new ActiveXObject("WScript.Shell");
//添加信任站点ip
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\ZoneMap\\Ranges\\Range100\\","");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\ZoneMap\\Ranges\\Range100\\http","2","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\ZoneMap\\Ranges\\Range100\\:Range","192.168.1.5");
//修改IE ActiveX安全设置 1本地 Intranet 区域2受信任的站点区域3Internet 区域
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\1\\1001","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\1\\1004","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\1\\1200","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\1\\1201","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\1\\1405","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\1\\2201","0","REG_DWORD");

WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\2\\1001","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\2\\1004","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\2\\1200","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\2\\1201","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\2\\1405","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\2\\2201","0","REG_DWORD");

WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\3\\1001","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\3\\1004","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\3\\1200","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\3\\1201","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\3\\1405","0","REG_DWORD");
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Windows\\CurrentVersion\\Internet Settings\\Zones\\3\\2201","0","REG_DWORD");
//禁用Winxp弹出窗口阻止程序
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Internet Explorer\\New Windows\\PopupMgr","no");
//-->
</SCRIPT>



zhip 2009-07-05 02:38 发表评论
]]>【已解决】求助：IE7.0在框架页面里JS刷新无效！http://www.blogjava.net/zhip/archive/2008/08/31/225809.htmlzhipzhipSat, 30 Aug 2008 16:00:00 GMThttp://www.blogjava.net/zhip/archive/2008/08/31/225809.htmlhttp://www.blogjava.net/zhip/comments/225809.htmlhttp://www.blogjava.net/zhip/archive/2008/08/31/225809.html#Feedback2http://www.blogjava.net/zhip/comments/commentRss/225809.htmlhttp://www.blogjava.net/zhip/services/trackbacks/225809.html

zhip 2008-08-31 00:00 发表评论
]]>IE6、IE7、FF 的CSS + DIV 兼容问题综合解决方案CSS HACKhttp://www.blogjava.net/zhip/archive/2008/08/30/225807.htmlzhipzhipSat, 30 Aug 2008 15:58:00 GMThttp://www.blogjava.net/zhip/archive/2008/08/30/225807.htmlhttp://www.blogjava.net/zhip/comments/225807.htmlhttp://www.blogjava.net/zhip/archive/2008/08/30/225807.html#Feedback1http://www.blogjava.net/zhip/comments/commentRss/225807.htmlhttp://www.blogjava.net/zhip/services/trackbacks/225807.html

一、CSS HACK
以下两种方法几乎能解决现今所有HACK.
 

一、CSS HACK
以下两种方法几乎能解决现今所有HACK.

1、 !important

随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)

<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>

2、IE6/IE77对FireFox

*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.

<style>
#wrapper
{
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */
}
</style>

注意:
*+html 对IE7的HACK 必须保证HTML顶部有如下声明：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"　"http://www.w3.org/TR/html4/loose.dtd">

二、万能 float 闭合(非常重要!)

关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]
将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽.

<style>
/* Clear Fix */

.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
</style>



1, !important

随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.)



2, IE6/IE77对FireFox

*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.



注意:
*+html 对IE7的HACK 必须保证HTML顶部有如下声明：


二、万能 float 闭合(非常重要!)

关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup]
将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽.


三、其他兼容技巧(再次啰嗦)

1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决)
2, 居中问题.
1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vertical-align: middle.( 注意内容不要换行.)
2).水平居中. margin: 0 auto;(当然不是万能)
3, 若需给 a 标签内内容加上 样式, 需要设置 display: block;(常见于导航标签)
4, FF 和 IE 对 BOX 理解的差异导致相差 2px 的还有设为 float的div在ie下 margin加倍等问题.
5, ul 标签在 FF 下面默认有 list-style. 和 padding . 最好事先声明, 以避免不必要的麻烦. (常见于导航标签和内容列表)
6, 作为外部 wrapper 的 div 不要定死高度, 最好还加上 overflow: hidden.以达到高度自适应.
7, 关于手形光标. cursor: pointer. 而hand 只适用于 IE.

1 针对firefox ie6 ie7的css样式
现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，
但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针
对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了。
现在写一个CSS可以这样：

#1 { color: #333; } /* Moz */
* html #1 { color: #666; } /* IE6 */
*+html #1 { color: #999; } /* IE7 */
那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999。

2 css布局中的居中问题
主要的样式定义如下：

body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
说明：
首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。
但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”
需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，
只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。

3 盒模型不同解释.

#box{ width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0}
#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}

4 浮动ie产生的双倍距离

#box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}
这里细说一下block,inline两个元素,Block元素的特点是:总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是:和其他元素在同一行上,...不可控制(内嵌元素);

#box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的的效果 diplay:table;

5 IE与宽度和高度的问题

IE不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，
正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。
比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：
#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}

6 页面的最小宽度

min-width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，
而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个

放到 标签下，然后为div指定一个类：
然后CSS这样设计：
#container{ min-width: 600px; width:expression(document.body.clientWidth < 600? "600px": "auto" );}
第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。

7 清除浮动

.hackbox{ display:table; //将对象作为块元素级的表格显示}或者.hackbox{ clear:both;}
或者加入:after（伪对象）,设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持，
所以并不影响到IE/WIN浏览器。这种的最麻烦的......#box:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

8 DIV浮动IE文本产生3象素的bug

左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距.

#box{ float:left; width:800px;}#left{ float:left; width:50%;}#right{ width:50%;}*html #left{ margin-right:-3px; //这句是关键}
HTML代码
 
 


9 属性选择器(这个不能算是兼容,是隐藏css的一个bug)

p[id]{}div[id]{}
这个对于IE6.0和IE6.0以下的版本都隐藏,FF和OPera作用
属性选择器和子选择器还是有区别的,子选择器的范围从形式来说缩小了,属性选择器的范围比较大,如p[id]中,所有p标签中有id的都是同样式的.

10 IE捉迷藏的问题

当div应用复杂的时候每个栏中又有一些链接，DIV等这个时候容易发生捉迷藏的问题。
有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。
解决办法：对#layout使用line-height属性 或者给#layout使用固定高和宽。页面结构尽量简单。

11 高度不适应

高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用
margin 或paddign 时。
例：

p对象中的内容


CSS：#box {background-color:#eee; }
#box p {margin-top: 20px;margin-bottom: 20px; text-align:center; }
解决方法：在P对象上下各加2个空的div对象CSS代码：.1{height:0px;overflow:hidden;}或者为DIV加上border属性。


zhip 2008-08-30 23:58 发表评论
]]>JS动态添加删除行http://www.blogjava.net/zhip/archive/2008/07/30/218577.htmlzhipzhipWed, 30 Jul 2008 00:53:00 GMThttp://www.blogjava.net/zhip/archive/2008/07/30/218577.htmlhttp://www.blogjava.net/zhip/comments/218577.htmlhttp://www.blogjava.net/zhip/archive/2008/07/30/218577.html#Feedback3http://www.blogjava.net/zhip/comments/commentRss/218577.htmlhttp://www.blogjava.net/zhip/services/trackbacks/218577.html[JS]动态添加删除ROW
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>增加Table行</title>
</head>
<script>

var count=3;

function CheckAll(sender)
{
 var _array = document.getElementsByTagName("input");
 for (var i=0;i<_array.length;i++)
 {
  var e = _array[i];
  if (e.type == "checkbox")
  {
    if(e.id != "chkAll")
    {
    e.checked = sender.checked;
    }
  }
 }
}


function AddRow(obj)
{
 count++;
 
 //添加一行
 var newTr = testTbl.insertRow();
 newTr.setAttribute("id","tr" + count.toString());
 //添加两列
 var newTd0 = newTr.insertCell();
 var newTd1 = newTr.insertCell();
 //设置列内容和属性
 
 newTd0.innerHTML = '<input type=checkbox id="box'+ count.toString() +'">';
 newTd1.innerText= '第'+ count.toString() +'行';
}

function DelRow()
{
 var tb = document.getElementById("testTbl");
 if(tb.hasChildNodes)
 {
  var lastchild = tb.childNodes[0].childNodes[tb.childNodes[0].childNodes.length-1];
  if(lastchild)
  {
   if(confirm("确认删除" + lastchild.childNodes[1].childNodes[0].nodeValue + "?"))
   {
    var removednode = lastchild.parentNode.removeChild(lastchild);
    //alert(removednode.childNodes[1].childNodes[0].nodeValue);
    return true;
   }
   else
   {
    return false;
   }
  }
 }
}

function ShowCheckboxID()
{
 var message = "";
 
 var _array = document.getElementsByTagName("input");
 for (var i=0;i<_array.length;i++)
 {
  var e = _array[i];
  if (e.type == "checkbox")
  {
   //alert(e.id);
   message += e.id + ",";
  }
 }
 
 if(message.length > 0)
 {
  message = message.substr(0,message.length-1);
 }
 alert(message);
}

function ShowTRID()
{
 var tb = document.getElementById("testTbl");
 if(tb.hasChildNodes)
 {
  var message = "";
  var array_tr = tb.childNodes[0].childNodes;
  for(var i=0;i< array_tr.length;i++)
  {
   if(i==0)
   {
    message += array_tr[i].id;
   }
   else
   {
    message += ","+array_tr[i].id;
   }
   //alert(array_tr[i].id);
  }
 
  alert(message);
 }
}

function SplitStr()
{
 var str = document.getElementById("txt1").value;
 
 var _array = str.split(",");
 
 var result = "";
 for(var i=0;i<_array.length;i++)
 {
  result += _array[i] +"\r\n";
 }
 
 if(result.length > 0)
 {
  result = result.substr(0,result.length-2);
 }
 alert(result);
}
</script>
<body>

<table id="testTbl" style="border: solid 1px #D2D2D2">
<tr id="tr0">
<td><input type=checkbox id="chkAll" onclick="CheckAll(this);"></td>
<td>全选</td>
</tr>
<tr id="tr1">
<td ><input type=checkbox id="box1"></td>
<td>第1行</td>
</tr>
<tr id="tr2">
<td ><input type=checkbox id="box2"></td>
<td>第2行</td>
</tr>
<tr id="tr3">
<td ><input type=checkbox id="box3"></td>
<td>第3行</td>
</tr>
</table>

<br />
<input type="button" id="btnAdd" onclick="AddRow();" value="Add Row" />
<input type="button" id="btnDel" onclick="DelRow();" value="Del Row" />
<input type="button" id="btnShowCheckboxID" onclick="ShowCheckboxID();" value="Show Checkbox ID" />
<input type="button" id="btnShowTRID" onclick="ShowTRID();" value="Show TR ID" />

<hr size="1" />
<input type="text" id="txt1" value="She,sells,seashells,by,the,seashore" size="50" style="cursor:pointer" />
<input type="button" id="btnSplit" onclick="SplitStr();" value="split string" />
</body>
</html>
==============================
删除表格行：

<script>function deleteRow (tableID, rowIndex) {
var table =document.all[tableID].deleteRow(rowIndex);
}
</script>

<table id=mxh border=1>
<tr><td>第1行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td></tr>
<tr><td>第2行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td></tr>
<tr><td>第3行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td></tr>
<tr><td>第4行</td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td></tr>
</table>



zhip 2008-07-30 08:53 发表评论
]]>FCK中文图片上传乱码问题解决办法http://www.blogjava.net/zhip/archive/2008/07/30/218575.htmlzhipzhipWed, 30 Jul 2008 00:51:00 GMThttp://www.blogjava.net/zhip/archive/2008/07/30/218575.htmlhttp://www.blogjava.net/zhip/comments/218575.htmlhttp://www.blogjava.net/zhip/archive/2008/07/30/218575.html#Feedback0http://www.blogjava.net/zhip/comments/commentRss/218575.htmlhttp://www.blogjava.net/zhip/services/trackbacks/218575.html在使用FCKeditor2.4.3时若上传的图片或者flash的文件名为中文时，发现一下情况：
问题1：
当点击“插入/编辑图像”或者“插入/编辑Flash”按钮时，在弹出的对话框中选择上传按钮，如果上传的文件名为中文时会出现乱码。
解决办法：
  把SimpleUploaderServlet.java做如下修改：
  找到该程序中DiskFileUpload upload = new DiskFileUpload()，然后在该行下面添加
  upload.setHeaderEncoding("UTF-8")
问题2：
  当点击“插入/编辑图像”或者“插入/编辑Flash”按钮时，在弹出的对话框中使用浏览
服务器按钮上传中文文件时会出现乱码。
解决办法：
  和问题1的解决办法基本一样，只不过需要在ConnectorServlet.java中添加
upload.setHeaderEncoding("UTF-8")便可。
问题3：
  当点击“插入/编辑图像”或者“插入/编辑Flash”按钮时，在弹出的对话框中点击浏览
服务器按钮，会弹出“浏览服务器”页面，如果想在该页面中使用Create New Folder按钮
来创建一个中文目录时，会出现中文目录乱码。
解决办法：
  web容器的编码要与FCKeditor默认的编码UTF-8一致，如果使用的是Tomcat，需修改
tomcat服务器中conf目录下的server.xml。如下：
  <Connector port="8080" maxHttpHeaderSize="8192"
              maxThreads="150" minSpareThreads="25" maxSpareThreads="75"
              enableLookups="false" redirectPort="8443" acceptCount="100"
              connectionTimeout="20000" disableUploadTimeout="true" URIEncoding="utf-8" />
    <Connector port="8009"
              enableLookups="false" redirectPort="8443" protocol="AJP/1.3" URIEncoding="utf-8"/>
其实就是在原来的基础上添加URIEncoding的属性值为utf-8。

在使用FCKeditor2.4.3时若上传的图片或者flash的文件名为中文时，发现一下情况：
问题1：
当点击“插入/编辑图像”或者“插入/编辑Flash”按钮时，在弹出的对话框中选择上传按钮，如果上传的文件名为中文时会出现乱码。
解决办法：
   找到FCKeditor.java解压包中的src目录下SimpleUploaderServlet.java做如下修改：
   找到该程序中DiskFileUpload upload = new DiskFileUpload()，然后在该行下面添加
upload.setHeaderEncoding("UTF-8")，重新编译成class文件并利用WinRAR把该class文件
添加到FCKeditor-2.3.jar中相应的位置，然后覆盖你的web项目中原来的jar包便可。
问题2：
   当点击“插入/编辑图像”或者“插入/编辑Flash”按钮时，在弹出的对话框中使用浏览
服务器按钮上传中文文件时会出现乱码。
解决办法：
   和问题1的解决办法基本一样，只不过需要在ConnectorServlet.java中添加
upload.setHeaderEncoding("UTF-8")便可。
问题3：
   当点击“插入/编辑图像”或者“插入/编辑Flash”按钮时，在弹出的对话框中点击浏览
服务器按钮，会弹出“浏览服务器”页面，如果想在该页面中使用Create New Folder按钮
来创建一个中文目录时，会出现中文目录乱码。
解决办法：
   web容器的编码要与FCKeditor默认的编码UTF-8一致，如果使用的是Tomcat，需修改
tomcat服务器中conf目录下的server.xml。如下：
   <Connector port="8080" maxHttpHeaderSize="8192"
               maxThreads="150" minSpareThreads="25" maxSpareThreads="75"
               enableLookups="false" redirectPort="8443" acceptCount="100"
               connectionTimeout="20000" disableUploadTimeout="true" URIEncoding="utf-8" />
    <Connector port="8009"
               enableLookups="false" redirectPort="8443" protocol="AJP/1.3" URIEncoding="utf-8"/>
其实就是在原来的基础上添加URIEncoding的属性值为utf-8。
 注：对于问题3，这种解决办法不可取，最好不要去修改服务器的编码，否则会影响到服务器上其它的工程。解决这个编码的问题可以修改源代码或者从新编写一个类来处理。通过观察打开的上传浏览对话框可以找对对应的htm页面和负责处理上传文件名称的com.fredck.FCKeditor.uploader. ConnectorServlet这个类，然后找到对应的参数，转换编码便可。如：String newFolderStr=request.getParameter("NewFolderName");

newFolderStr=new String(newFolderStr.getBytes("iso8859-1"),"utf-8");
=================================================================================

fckeditor如果大家搞定啦1！那一定想到他是没有提供删除功能的！！
以下是一段js，放在调用feckeditor的jsp页面
function FCKeditor_OnComplete( editorInstance )
{
editorInstance.Events.AttachEvent( 'OnBlur', onEditorBlur );
}

function onEditorBlur(){
var imgs = FCKeditorAPI.GetInstance('EditorDefault').EditorDocument.body.all.tags("img");
for(var i=0; i < imgs.length; i++){
alert(imgs[i].src);
//这里你可以用一个隐匿域来接收这些路径信息
}
}
把这些路径信息放置于数据库是的一个字段，删除文档时一起删除，就可以解决图片存留问题
========================================================================================
避免上下滚动条的出现:


在fckconfig.js中加入下列2句:

FCKConfig.Plugins.Add(   'autogrow '   )   ;
FCKConfig.AutoGrowMax   =   4000   ;   //这是允许自动增长的最大高度限制

同时请确认fckeditor\editor\plugins\autogrow有这个目录存在，没有的话到官网下载最新版FCK。


另外注意FCKConfig.PluginsPath的路径你设置对了没有。
===========================================================================
FCKConfig.PluginsPath   =   FCKConfig.BasePath   +   'plugins/ '   ;

这个是对的，系统默认的路径，FCK使用也没问题

就是不能自动调整高度
=============================================================================
FCKConfig.PluginsPath   =   FCKConfig.BasePath   +   'plugins/ '   ;
这是js里的语句。BasePath不是在这设的，是在php里调用FCK时设置的。

========================================================================
不行的话是不是你曾经改过FCK的源码。
你重新下载文件，只改动这2行测试一下就知道了。别的什么都不用改就可以实现你所说的要求。

FCKConfig.Plugins.Add(   'autogrow '   )   ;
FCKConfig.AutoGrowMax   =   4000   ;
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 



zhip 2008-07-30 08:51 发表评论
]]>对js中startWith和endWith的扩展http://www.blogjava.net/zhip/archive/2008/07/07/212943.htmlzhipzhipSun, 06 Jul 2008 18:31:00 GMThttp://www.blogjava.net/zhip/archive/2008/07/07/212943.htmlhttp://www.blogjava.net/zhip/comments/212943.htmlhttp://www.blogjava.net/zhip/archive/2008/07/07/212943.html#Feedback5http://www.blogjava.net/zhip/comments/commentRss/212943.htmlhttp://www.blogjava.net/zhip/services/trackbacks/212943.html<input name="searchContent" id="searchContent" type="text" onclick="test();">
<SCRIPT type="text/javascript" language="JavaScript">
function test(){
 var a  = "abcdef".startWith("abc");
 alert("a : "+a);
 var b  = "abcdef".endWith("def");
 alert("b : "+b);
}
String.prototype.endWith=function(str){
if(str==null||str==""||this.length==0||str.length>this.length)
  return false;
if(this.substring(this.length-str.length)==str)
  return true;
else
  return false;
return true;
}

String.prototype.startWith=function(str){
if(str==null||str==""||this.length==0||str.length>this.length)
  return false;
if(this.substr(0,str.length)==str)
  return true;
else
  return false;
return true;
}

</SCRIPT>



zhip 2008-07-07 02:31 发表评论
]]>去掉FLASH激活提示（双击才能打开超链接）http://www.blogjava.net/zhip/archive/2007/12/01/164567.htmlzhipzhipSat, 01 Dec 2007 15:58:00 GMThttp://www.blogjava.net/zhip/archive/2007/12/01/164567.htmlhttp://www.blogjava.net/zhip/comments/164567.htmlhttp://www.blogjava.net/zhip/archive/2007/12/01/164567.html#Feedback2http://www.blogjava.net/zhip/comments/commentRss/164567.htmlhttp://www.blogjava.net/zhip/services/trackbacks/164567.html微软官方关于激活控件的文章：http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/activating_activex.asp

解决方法：
把HTML页面中显示FLASH控件的代码写到JS中动态显示，如： <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="767" height="122">
    <param name="movie" value="http://www.dkonline.com.cn/images/menu.swf">
    <param name="WMode" value="Transparent">
    <param name="quality" value="high">
    <embed src="http://www.dkonline.com.cn/images/menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="767" height="122"></embed>
</object>
示例页面：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<script language="javascript" src="ss.js"></script>
<script language="javascript">
ShowMenu();
</script>
</body>
</html>ss.js文件：
function ShowMenu()
{
document.write(''
    +'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="767" height="122">'
    +'    <param name="movie" value="http://www.dkonline.com.cn/images/menu.swf">'
    +'    <param name="WMode" value="Transparent">'
    +'    <param name="quality" value="high">'
    +'    <embed src="http://www.dkonline.com.cn/images/menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="767" height="122"></embed>'
    +'</object>'
);
}

也可以使用SWFObject来输出FLASH http://blog.deconcept.com/swfobject/



zhip 2007-12-01 23:58 发表评论
]]>js脚本常用代码 http://www.blogjava.net/zhip/archive/2007/06/13/123777.htmlzhipzhipWed, 13 Jun 2007 01:51:00 GMThttp://www.blogjava.net/zhip/archive/2007/06/13/123777.htmlhttp://www.blogjava.net/zhip/comments/123777.htmlhttp://www.blogjava.net/zhip/archive/2007/06/13/123777.html#Feedback1http://www.blogjava.net/zhip/comments/commentRss/123777.htmlhttp://www.blogjava.net/zhip/services/trackbacks/123777.htmlclick() 对象.click() 使对象被点击。
closed 对象.closed 对象窗口是否已关闭true/false
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
confirm("提示信息") 弹出确认框，确定返回true取消返回false
cursor:样式 更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize
event.clientX 返回最后一次点击鼠标X坐标值；
event.clientY 返回最后一次点击鼠标Y坐标值；
event.offsetX 返回当前鼠标悬停X坐标值
event.offsetY 返回当前鼠标悬停Y坐标值
document.write(document.lastModified) 网页最后一次更新时间
document.ondblclick=x 当双击鼠标产生事件
document.onmousedown=x 单击鼠标键产生事件
document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值，须与函数配合,
document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值，须与函数配合，
document.title document.title="message"; 当前窗口的标题栏文字
document.bgcolor document.bgcolor="颜色值"; 改变窗口背景颜色
document.Fgcolor document.Fgcolor="颜色值"; 改变正文颜色
document.linkcolor document.linkcolor="颜色值"; 改变超联接颜色
document.alinkcolor document.alinkcolor="颜色值"; 改变正点击联接的颜色
document.VlinkColor document.VlinkColor="颜色值"; 改变已访问联接的颜色
document.forms.length 返回当前页form表单数
document.anchors.length 返回当前页锚的数量
document.links.length 返回当前页联接的数量
document.onmousedown=x 单击鼠标触发事件
document.ondblclick=x 双击鼠标触发事件
defaultStatus window.status=defaultStatus; 将状态栏设置默认显示
function function xx(){...} 定义函数
isNumeric 判断是否是数字
innerHTML xx=对象.innerHTML 输入某对象标签中的html源代码
innerText divid.innerText=xx 将以div定位以id命名的对象值设为XX
location.reload(); 使本页刷新，target可等于一个刷新的网页
Math.random() 随机涵数,只能是0到1之间的数,如果要得到其它数,可以为*10,再取整
Math.floor(number) 将对象number转为整数，舍取所有小数
Math.min(1,2) 返回1,2哪个小
Math.max(1,2) 返回1,2哪个大
navigator.appName 返回当前浏览器名称
navigator.appVersion 返回当前浏览器版本号
navigator.appCodeName 返回当前浏览器代码名字
navigator.userAgent 返回当前浏览器用户代标志
onsubmit onsubmit="return(xx())" 使用函数返回值
opener opener.document.对象 控制原打开窗体对象
prompt xx=window.prompt("提示信息","预定值"); 输入语句
parent parent.框架名.对象 控制框架页面
return return false 返回值
random 随机参数（0至1之间）
reset() form.reset(); 使form表单内的数据重置
split("") string.split("") 将string对象字符以逗号隔开
submit() form对象.submit() 使form对象提交数据
String对象的 charAt(x)对象 反回指定对象的第多少位的字母
lastIndexOf("string") 从右到左询找指定字符，没有返回-1
indexOf("string") 从左到右询找指定字符，没有返回-1
LowerCase() 将对象全部转为小写
UpperCase() 将对象全部转为大写
substring(0,5) string.substring(x,x) 返回对象中从0到5的字符
setTimeout("function",time) 设置一个超时对象
setInterval("function",time) 设置一个超时对象
toLocaleString() x.toLocaleString() 从x时间对象中获取时间，以字符串型式存在
typeof(变量名) 检查变量的类型，值有：String,Boolean,Object,Function,Underfined
window.event.button==1/2/3 鼠标键左键等于1右键等于2两个键一起按为3
window.screen.availWidth 返回当前屏幕宽度(空白空间)
window.screen.availHeight 返回当前屏幕高度(空白空间)
window.screen.width 返回当前屏幕宽度(分辨率值)
window.screen.height 返回当前屏幕高度(分辨率值)
window.document.body.offsetHeight; 返回当前网页高度
window.document.body.offsetWidth; 返回当前网页宽度
window.resizeTo(0,0) 将窗口设置宽高
window.moveTo(0,0) 将窗口移到某位置
window.focus() 使当前窗口获得焦点
window.scroll(x,y) 窗口滚动条坐标，y控制上下移动，须与函数配合
window.open() window.open("地址","名称","属性")
属性:toolbar(工具栏),location(地址栏),directions,status(状态栏),
menubar(菜单栏),scrollbar(滚动条),resizable(改变大小), width(宽),height(高),fullscreen(全 屏),scrollbars(全屏时无滚动条无参 数,channelmode(宽屏),left(打开窗口x坐标),top(打开窗口y坐标)
window.location = 'view-source:' + window.location.href 应用事件查看网页源代码;

a=new Date(); //创建a为一个新的时期对象
y=a.getYear(); //y的值为从对象a中获取年份值 两位数年份
y1=a.getFullYear(); //获取全年份数 四位数年份
m=a.getMonth(); //获取月份值
d=a.getDate(); //获取日期值
d1=a.getDay(); //获取当前星期值
h=a.getHours(); //获取当前小时数
m1=a.getMinutes(); //获取当前分钟数
s=a.getSeconds(); //获取当前秒钟数

对象.style.fontSize="文字大小";
单位：mm/cm/in英寸/pc帕/pt点/px象素/em文字高
1in=1.25cm
1pc=12pt
1pt=1.2px(800*600分辩率下)
文本字体属性：
fontSize大小
family字体
color颜色
fontStyle风格，取值为normal一般,italic斜体,oblique斜体且加粗
fontWeight加粗,取值为100到900不等,900最粗,light,normal,bold
letterSpacing间距,更改文字间距离,取值为,1pt,10px,1cm
textDecoration:文字修饰;取值,none不修饰,underline下划线,overline上划线
background:文字背景颜色,
backgroundImage:背景图片,取值为图片的插入路径

点击网页正文函数调用触发器：
1.onClick 当对象被点击
2.onLoad 当网页打开,只能书写在body中
3.onUnload 当网页关闭或离开时,只能书写在body中
4.onmouseover 当鼠标悬于其上时
5.onmouseout 当鼠标离开对象时
6.onmouseup 当鼠标松开
7.onmousedown 当鼠标按下键
8.onFocus 当对象获取焦点时
9.onSelect 当对象的文本被选中时
10.onChange 当对象的内容被改变
11.onBlur 当对象失去焦点
onsubmit=return(ss())表单调用时返回的值
直线 border-bottom:1x solid black
虚线 border-bottom:1x dotted black
点划线 border-bottom:2x dashed black
双线 border-bottom:5x double black
槽状 border-bottom:1x groove black
脊状 border-bottom:1x ridge black

1.边缘高光glow(color=颜色,strength=亮光大小)

2.水平翻转fliph() 使对象水平翻转180度

3.垂直翻转flipv() 使对象垂直翻转180度

4.对象模糊blur(add=true/false direction=方向 strength=强度)
add指定是否按印象画派进行模糊direction模糊方向strength模糊强度
5.对象透明alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3)
opaction对象整体不透明值finishopacity当对象利用了渐透明时该项指定结束透明位置的不透明值style指定透明方式0为整体透明，1为线型透明，2为圆型透明，3为矩形透明
6.去除颜色chroma(color=颜色值)使对象中颜色与指定颜色相同区域透明
7.建立阴影dropshadow(color=阴影颜色,offx=水平向左偏离像素,offy=水平向下偏离像素)
8.去色gray()使对象呈灰度显示
9.负片效果invert()使对象呈底片效果
10.高光light()使对象呈黑色显示
11.遮盖mask(color=颜色)使整个对象以指定颜色进行蒙板一次
opacity 表透明度水平.0~100,0表全透明,100表完全不透明
finishopacity表想要设置的渐变透明效果.0~100.
style 表透明区的形状.0表统一形状.1表线形.2表放射形.3表长方形.
startx.starty表渐变透明效果的开始时X和Y坐标.
finishx,finishy渐变透明效果结束时x,y 的坐标.
add有来确定是否在模糊效果中使有原有目标.值为0,1.0表"否",1表"是".
direction设置模糊的方向.0度表垂直向上,45度为一个单位.默认值是向左270度.left,right,down,up.
strength 只能用整数来确定.代表有多少个像素的宽度将受到模糊影响.默认是5个.
color要透明的颜色.
offx,offy分别是x,y 方向阴影的偏移量.
positive指投影方式.0表透明像素生成阴影.1表只给出不透明像素生成阴影..
AddAmbient:加入包围的光源.
AddCone:加入锥形光源.
AddPoint加入点光源
Changcolor:改变光的颜色．
Changstrength:改变光源的强度．
Clear:清除所有的光源．
MoveLight:移动光源．
freq是波纹的频率，在指定在对象上一区需要产生多少个完事的波纹．
lightstrength可对于波纹增强光影的效果．显著0~100正整数，正弦波开始位置是0~360度．0表从0度开始，25表从90度开始．
strength表振幅大小．

hand style="cursor:hand"
crosshair style="cursor:crosshair"
text style="cursor:text"
wait style="cursor:wait"
default style="cursor:default"
help style="cursor:help"
e-resize style="cursor:e-resize"
ne-resize style="cursor:ne-resize"
n-resize style="cursor:n-resize"
nw-resize style="cursor:nw-resize"
w-resize style="cursor:w-resize"
s-resize style="cursor:s-resize"
sw-resize style="cursor:sw-resize "
se-resize style="cursor:se-resize"
auto style="cursor:auto"

zhip 2007-06-13 09:51 发表评论
]]>关闭IE窗口时执行事件 http://www.blogjava.net/zhip/archive/2007/06/13/123769.htmlzhipzhipWed, 13 Jun 2007 01:36:00 GMThttp://www.blogjava.net/zhip/archive/2007/06/13/123769.htmlhttp://www.blogjava.net/zhip/comments/123769.htmlhttp://www.blogjava.net/zhip/archive/2007/06/13/123769.html#Feedback0http://www.blogjava.net/zhip/comments/commentRss/123769.htmlhttp://www.blogjava.net/zhip/services/trackbacks/123769.html<script language="javascript">
 //关闭窗口时自动退出
 function  window.onbeforeunload(){
  if(event.clientX>360&&event.clientY<0||event.altKey){  
   //alert("dddddddddd");
   Logout();
  }  
 }  
 function  Logout(){  
     try{  
     xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  
     }catch(e){  
     xmlHttp = new XMLHttpRequest();  
     }  
     //数据传输,flase为非异步方式
     xmlHttp.open("post","enter.asp?Active=Logout",true);  
     xmlHttp.send(null);  
 }  
</script>  



zhip 2007-06-13 09:36 发表评论
]]>如何去掉ie窗口得工具栏，菜单栏http://www.blogjava.net/zhip/archive/2007/06/12/123511.htmlzhipzhipTue, 12 Jun 2007 00:51:00 GMThttp://www.blogjava.net/zhip/archive/2007/06/12/123511.htmlhttp://www.blogjava.net/zhip/comments/123511.htmlhttp://www.blogjava.net/zhip/archive/2007/06/12/123511.html#Feedback2http://www.blogjava.net/zhip/comments/commentRss/123511.htmlhttp://www.blogjava.net/zhip/services/trackbacks/123511.html　　<!--
　　window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行
　　-->
　　</SCRIPT>  
　　
　　参数解释：
　　
　　<SCRIPT LANGUAGE="javascript"> js脚本开始；
　　window.open 弹出新窗口的命令；
　　'page.html' 弹出窗口的文件名；
　　'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
　　height=100 窗口高度；
　　width=400 窗口宽度；
　　top=0 窗口距离屏幕上方的象素值；
　　left=0 窗口距离屏幕左侧的象素值；
　　toolbar=no 是否显示工具栏，yes为显示；
　　menubar，scrollbars 表示菜单栏和滚动栏。
　　resizable=no 是否允许改变窗口大小，yes为允许；
　　location=no 是否显示地址栏，yes为允许；
　　status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
　　</SCRIPT> js脚本结束


zhip 2007-06-12 08:51 发表评论
]]>带滚动条的表格http://www.blogjava.net/zhip/archive/2007/06/11/123282.htmlzhipzhipMon, 11 Jun 2007 00:22:00 GMThttp://www.blogjava.net/zhip/archive/2007/06/11/123282.htmlhttp://www.blogjava.net/zhip/comments/123282.htmlhttp://www.blogjava.net/zhip/archive/2007/06/11/123282.html#Feedback0http://www.blogjava.net/zhip/comments/commentRss/123282.htmlhttp://www.blogjava.net/zhip/services/trackbacks/123282.html<html>
<head>
<base href="http://localhost:8088/traffic/statistics/StatPersonBack.jsp">
<title>人员统计查询结果</title>
<script language="JavaScript" type="text/JavaScript">

 function headP(){
   document.forms[0].elements["pageMan.currentPage"].value=document.forms[0].elements["pageMan.headPage"].value;
   document.forms[0].submit();
 }
 function prevP(){
   document.forms[0].elements["pageMan.currentPage"].value=document.forms[0].elements["pageMan.previousPage"].value;
   document.forms[0].submit();
 }
 function nextP(){
   document.forms[0].elements["pageMan.currentPage"].value=document.forms[0].elements["pageMan.nextPage"].value;
   document.forms[0].submit();
 }
 function lastP(){
   document.forms[0].elements["pageMan.currentPage"].value=document.forms[0].elements["pageMan.pages"].value;
   document.forms[0].submit();
 }
 function go(){
  try{
   var gotoPage=parseInt(document.forms[0].elements["pageMan.currentPage"].value);
   if(gotoPage>0&&gotoPage<999){
       document.forms[0].submit();
   }
   else{
    alert("\u8f93\u5165\u9875\u7801\u65e0\u6548 , \u8bf7\u91cd\u65b0\u8f93\u5165 !");
   }
  }
  catch(err){
   alert("\u51fa\u73b0\u9519\u8bef , \u8bf7\u68c0\u67e5\u8f93\u5165\u7684\u8df3\u8f6c\u9875\u7801\u662f\u5426\u6b63\u786e !"); 
  }
 }

//

//

</script>

<style type="text/css">
<!--
body {
 margin-left: 7px;
 margin-top: 7px;
 margin-right: 7px;
}
.STYLE1 {color: #000000;
font-size: 12px;}
.top_font9 {
 font-size: 12px;
 color: #EF3039;
}
.page_biaodan1 {
 font-size: 12px;
 color: #000000;
 width: 27px;
}
-->
</style>
<script type="text/JavaScript">
 function go()
 {
  var newpage=parseInt(document.getElementById("inputpage").value,10);
  var newhref="";
  try
  {
   if(newpage>0)
   {
    document.forms(0).submit();
   }
   else
   {
    alert("输入页码无效!");
   }
  }
  catch(err)
  {
   alert("出现错误,请检查页码是否正确!"); 
  }
 }
var resetcolor;
var first=0;
var selectedid=0;
function setColor(tr)
{
 if(first==1)
 {
  resetcolor.bgColor = "#FFFFFF";
  //resetcolor.style.color="#000000";
 }
 first =1;
 tr.bgColor="#DEEFFB";
 //tr.style.color='#5E7D21';
 selectedid=tr.par;
 resetcolor=tr;
}
function switchImage(imgName, imgSrc)
{
  if (document.images)
  {
    if (imgSrc != "none")
    {
      document.images[imgName].src = imgSrc;
    }
  }
}

function setTJbgColor(tr)
{
 if(first==1)
 {
  resetcolor.style.color="#363535";
 }
 first =1;
 tr.style.color='#A4980F';
 resetcolor=tr;
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
function getpdata()
{
 window.parent.frames("topFm").setpdata(document.forms[0].printnum.value);
}

</script>
<style type="text/css">
<!--
.STYLE1 {color: #ffffff;
font-size: 12px;}
.gundong{background-repeat:no-repeat;
 SCROLLBAR-FACE-COLOR: #CDD9E7;
 SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
 SCROLLBAR-SHADOW-COLOR: #ffffff;
 SCROLLBAR-3DLIGHT-COLOR: #CDD9E7;
 SCROLLBAR-ARROW-COLOR: #ffffff;
 SCROLLBAR-TRACK-COLOR: #EFF3F7;
}
.gundong1 {background-repeat:no-repeat;
 SCROLLBAR-FACE-COLOR: #CDD9E7;
 SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
 SCROLLBAR-SHADOW-COLOR: #ffffff;
 SCROLLBAR-3DLIGHT-COLOR: #CDD9E7;
 SCROLLBAR-ARROW-COLOR: #ffffff;
 SCROLLBAR-TRACK-COLOR: #EFF3F7;
}
-->
td{
 word-bredk: break-all;
 word-wrap: break-word;
}
</style>
</head>
<body onload="MM_preloadImages('../img/chakan1.jpg')" scroll="no">
<form name="statPersonForm" method="post" action="/traffic/statPerson.do">
<table width="830" border="1" cellpadding="0" cellspacing="0" bordercolor="#D0DEE9" class="border">
  <tr>
    <td><img src="../img/jieguo.jpg" width="132" height="29" /></td>
  </tr>
  <tr>
    <td height="351" valign="top">
    <div id="Layer1" style="overflow:auto; width:848px; height:351px; z-index:1; left: 0px; top: 0px;" class="gundong1">
    <table width="828" border="1" cellpadding="0" cellspacing="0" bordercolor="#D0DEE9" class="border">
      <tr>
        <td width="264" height="30" align="center" bgcolor="#F2F8FE" class="biao_top">单位名称</td>
        <td width="110" height="30" align="center" bgcolor="#F2F8FE" class="biao_top">驾驶员数量</td>
        <td width="110" height="30" align="center" bgcolor="#F2F8FE" class="biao_top">出车人数</td>
        <td width="110" height="30" align="center" bgcolor="#F2F8FE" class="biao_top">探家人数</td>
        <td width="110" height="30" align="center" bgcolor="#F2F8FE" class="biao_top">待命人数</td>
        <td width="110" height="30" align="center" bgcolor="#F2F8FE" class="biao_top">在位率(%)</td>
      </tr>
     
     
           
  
      <tr onClick="setColor(this)" style="cursor:hand" par="1">
     
        <td height="31" align="center" valign="middle" class="top_font9">合    计</td>
        <td height="31" align="center" valign="middle" class="top_font9">41</td>
        <td height="31" align="center" valign="middle" class="top_font9">10</td>
        <td height="31" align="center" valign="middle" class="top_font9">0</td>
        <td height="31" align="center" valign="middle" class="top_font9">31</td>
        <td height="31" align="center" valign="middle" class="top_font9">100.00%</td>
       
       
      </tr>
     
      <tr onClick="setColor(this)" style="cursor:hand" par="1">
       
     
       <td height="31" align="center" valign="middle" class="top_font">陕西省总队</td>
        <td height="31" align="center" valign="middle" class="top_font">20</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">20</td>
        <td height="31" align="center" valign="middle" class="top_font">100.00%</td>
       
      </tr>
     
      <tr onClick="setColor(this)" style="cursor:hand" par="1">
       
     
       <td height="31" align="center" valign="middle" class="top_font">司令部车队</td>
        <td height="31" align="center" valign="middle" class="top_font">2</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">2</td>
        <td height="31" align="center" valign="middle" class="top_font">100.00%</td>
       
      </tr>
     
      <tr onClick="setColor(this)" style="cursor:hand" par="1">
       
     
       <td height="31" align="center" valign="middle" class="top_font">车队A</td>
        <td height="31" align="center" valign="middle" class="top_font">4</td>
        <td height="31" align="center" valign="middle" class="top_font">4</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">100.00%</td>
       
      </tr>
     
      <tr onClick="setColor(this)" style="cursor:hand" par="1">
       
     
       <td height="31" align="center" valign="middle" class="top_font">123</td>
        <td height="31" align="center" valign="middle" class="top_font">1</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">1</td>
        <td height="31" align="center" valign="middle" class="top_font">100.00%</td>
       
      </tr>
     
      <tr onClick="setColor(this)" style="cursor:hand" par="1">
       
     
       <td height="31" align="center" valign="middle" class="top_font">一支队</td>
        <td height="31" align="center" valign="middle" class="top_font">2</td>
        <td height="31" align="center" valign="middle" class="top_font">1</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">1</td>
        <td height="31" align="center" valign="middle" class="top_font">100.00%</td>
       
      </tr>
     
      <tr onClick="setColor(this)" style="cursor:hand" par="1">
       
     
       <td height="31" align="center" valign="middle" class="top_font">单位1</td>
        <td height="31" align="center" valign="middle" class="top_font">4</td>
        <td height="31" align="center" valign="middle" class="top_font">4</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">100.00%</td>
       
      </tr>
     
      <tr onClick="setColor(this)" style="cursor:hand" par="1">
       
     
       <td height="31" align="center" valign="middle" class="top_font">二支队</td>
        <td height="31" align="center" valign="middle" class="top_font">1</td>
        <td height="31" align="center" valign="middle" class="top_font">1</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">100.00%</td>
       
      </tr>
     
      <tr onClick="setColor(this)" style="cursor:hand" par="1">
       
     
       <td height="31" align="center" valign="middle" class="top_font">单位A</td>
        <td height="31" align="center" valign="middle" class="top_font">2</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">2</td>
        <td height="31" align="center" valign="middle" class="top_font">100.00%</td>
       
      </tr>
     
      <tr onClick="setColor(this)" style="cursor:hand" par="1">
       
     
       <td height="31" align="center" valign="middle" class="top_font">西安市支队</td>
        <td height="31" align="center" valign="middle" class="top_font">1</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">1</td>
        <td height="31" align="center" valign="middle" class="top_font">100.00%</td>
       
      </tr>
     
      <tr onClick="setColor(this)" style="cursor:hand" par="1">
       
     
       <td height="31" align="center" valign="middle" class="top_font">西安市一支队</td>
        <td height="31" align="center" valign="middle" class="top_font">1</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">1</td>
        <td height="31" align="center" valign="middle" class="top_font">100.00%</td>
       
      </tr>
     
      <tr onClick="setColor(this)" style="cursor:hand" par="1">
       
     
       <td height="31" align="center" valign="middle" class="top_font">西安市二支队</td>
        <td height="31" align="center" valign="middle" class="top_font">1</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">1</td>
        <td height="31" align="center" valign="middle" class="top_font">100.00%</td>
       
      </tr>
     
      <tr onClick="setColor(this)" style="cursor:hand" par="1">
       
     
       <td height="31" align="center" valign="middle" class="top_font">pzk</td>
        <td height="31" align="center" valign="middle" class="top_font">2</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">0</td>
        <td height="31" align="center" valign="middle" class="top_font">2</td>
        <td height="31" align="center" valign="middle" class="top_font">100.00%</td>
       
      </tr>
     
  
  
     
     
     
     
     
    </table></div></td>
  </tr>
  <tr>
    <td height="31" bgcolor="#F2F8FE">
   
    <table width="828" height="22" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="133" align="center" class="biao_top">
         共 13 条数据
         
        </td>
        <td width="83" align="center" class="biao_top">
         第 1 页
           
        </td>
        <td width="83" align="center" class="biao_top">
         共 1 页
         
   
        </td>
        <td width="23" align="center" class="biao_top"></td>

        <td width="70" align="center" class="biao_top">
       

       
       
        </td>
       
        <td width="70" align="center" class="biao_top">
       

        
        
        </td>
       
        <td width="70" align="center" class="biao_top">
       

       
       
        </td>
       
        <td width="70" align="center" class="biao_top">
       

        
                
        </td>
       
        <td width="23" align="center" class="biao_top"></td>
        <td width="100" align="center" class="biao_top">
   转到<label><input type="text" name="pageMan.currentPage" maxlength="5" value="1" onkeypress="return numberCheck();" class="page_biaodan1" id="inputpage"></label>页
        </td>       
        <td width="103" align="center" class="biao_top">
       
         <a href="#" onclick="go();return false;" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','../img/chakan1.jpg',1)"><img src="../img/chakan.jpg" name="Image6" width="49" height="21" border="0" id="Image6" /></a><a href="#"></a>
       
       
        </td>
      </tr>
    </table>
    </td>
  </tr>
</table>
<input name = "printnum" style = "display:none" value="2543945">
<input type="hidden" name="dpId" value="[all]">
<input type="hidden" name="pageMan.headPage" value="1"><input type="hidden" name="pageMan.previousPage" value="1">
<input type="hidden" name="pageMan.nextPage" value="1"><input type="hidden" name="pageMan.pages" value="1">
</form>
</body>
</html>



zhip 2007-06-11 08:22 发表评论
]]>[转]层遇到下拉框时的问题?http://www.blogjava.net/zhip/archive/2007/05/29/120680.htmlzhipzhipTue, 29 May 2007 06:30:00 GMThttp://www.blogjava.net/zhip/archive/2007/05/29/120680.htmlhttp://www.blogjava.net/zhip/comments/120680.htmlhttp://www.blogjava.net/zhip/archive/2007/05/29/120680.html#Feedback0http://www.blogjava.net/zhip/comments/commentRss/120680.htmlhttp://www.blogjava.net/zhip/services/trackbacks/120680.html当层遇到下拉框时总是挡不了select框?其实这是IE的BUG,其它的浏览器没有这个问题,对于这个问题论坛里不少提出,在这里提供我的几种方法,各有各的好处,有错,有好的意见者提出,谢谢.

1.最直接的方法:隐藏下拉框.

下面提供的是一个比较通用的一组函数:

test.htm

------------

<script>
var HideElementTemp = new Array();
//点击菜单时，调用此的函数,菜单对象
function cal_hideElementAll(obj){
        cal_HideElement("IMG",obj);
        cal_HideElement("SELECT",obj);
        cal_HideElement("OBJECT",obj);
        cal_HideElement("IFRAME",obj);
}
function cal_HideElement(strElementTagName,obj){
try{
    var showDivElement = obj;
    var calendarDiv = obj;
    var intDivLeft = cal_GetOffsetLeft(showDivElement);
    var intDivTop = cal_GetOffsetTop(showDivElement);//+showDivElement.offsetHeight;
    //HideElementTemp=new Array()
    for(i=0;i<window.document.all.tags(strElementTagName).length; i++){
 var objTemp = window.document.all.tags(strElementTagName)[i];
 if(!objTemp||!objTemp.offsetParent)
     continue;
 var intObjLeft=cal_GetOffsetLeft(objTemp);
 var intObjTop=cal_GetOffsetTop(objTemp);
 if(((intObjLeft+objTemp.clientWidth)>intDivLeft)&&
    (intObjLeft<intDivLeft+calendarDiv.style.posWidth)&&
    (intObjTop+objTemp.clientHeight>intDivTop)&&
    (intObjTop<intDivTop+calendarDiv.style.posHeight)){
     //var intTempIndex=HideElementTemp.length;//已经有的长度
  //save elementTagName is stutas
     //HideElementTemp[intTempIndex]=new Array(objTemp,objTemp.style.visibility);
     HideElementTemp[HideElementTemp.length]=objTemp
     objTemp.style.visibility="hidden";
        }
    }
}catch(e){alert(e.message)
}
}

function cal_ShowElement(){
    var i;
    for(i=0;i<HideElementTemp.length; i++){
 var objTemp = HideElementTemp[i]
 if(!objTemp||!objTemp.offsetParent)
     continue;
 objTemp.style.visibility=''
    }
    HideElementTemp=new Array();
}
function cal_GetOffsetLeft(src){
    var set=0;
    if(src && src.name!="divMain"){
        if (src.offsetParent){
           set+=src.offsetLeft+cal_GetOffsetLeft(src.offsetParent);
 }
 if(src.tagName.toUpperCase()!="BODY"){
     var x=parseInt(src.scrollLeft,10);
     if(!isNaN(x))
            set-=x;
 }
    }
    return set;
}

function cal_GetOffsetTop(src){
    var set=0;
    if(src && src.name!="divMain"){
        if (src.offsetParent){
            set+=src.offsetTop+cal_GetOffsetTop(src.offsetParent);
   }
 if(src.tagName.toUpperCase()!="BODY"){
     var y=parseInt(src.scrollTop,10);
     if(!isNaN(y))
  set-=y;
 }
    }
    return set;
}

</script>
<select></select>
<select></select>
<div style="position:absolute;left:0;top:0;width:100;height:100;background-color:red" onclick="cal_hideElementAll(this)">
点击让select隐藏
</div>
<br><br><br><br><br><br>
<input type="button" value="点击让select显示" onclick="cal_ShowElement()">

以上这种方法,如果对于select框数目少,相对固定的话,直接用obj.style.visibility="hidden"这样进行隐藏是更直接的.

2.Object对象的优先度较高,可以挡住select框

<OBJECT id=aa style="display:none;z-index:1000; position:absolute; top:0; left:0; width:152; height: 200;" type="text/x-scriptlet" data="about:<body><div style='position:absolute;left:0;top:0;width:152;height:200;font:14;color:white;background:black;border:1 solid black'>test</div>"></OBJECT>
<select><option>hellohellohellohello</select><button onclick=aa.style.display=aa.style.display=="none"?"":"none">test</button>

这种方法虽然也简单,但对复杂的层是来说还不是好的解决方法

 

3.用iframe作载体

以下是一简单的例子:

-----------

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>简单菜单</title>
<!--
提供定位函数，用iframe作载体，不会被select挡住
By Fason(2003-5-21)
-->
<style id=s>
#div1{
position:absolute;
z-index:100;
width:100;
height:130;
background-color:#d2e8ff;
border:1 solid black;
}
div{cursor:hand;font-size:12px;}
a{text-decoration:none;color:red;font-size:12px}
</style>
</head>
<body>
<script>
function window.onload(){
var shtml=div1.innerHTML;
var ifm=document.createElement("<iframe frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no></iframe>")
ifm.style.width=div1.offsetWidth
ifm.style.height=div1.offsetHeight
ifm.name=ifm.uniqueID
div1.innerHTML=""
div1.appendChild(ifm)
window.frames[ifm.name].document.write(s.outerHTML+"<body leftmargin=0 topmargin=0>"+shtml+"</body>")
}

function show(){
with(document.all.img1){
x=offsetLeft;
y=offsetTop;
objParent=offsetParent;
while(objParent.tagName.toUpperCase()!= "BODY"){
x+=objParent.offsetLeft;
y+=objParent.offsetTop;
objParent = objParent.offsetParent;
}
y+=offsetHeight-1
}
with(document.all.div1.style){
pixelLeft=x
pixelTop=y
visibility=''
}
}
function hide(){
document.all.div1.style.visibility='hidden'
}
</script>
<img id=img1 onmouseover="show()" onmouseout="hide()" src="ie.gif"><br><select></select>
<div id=div1 onmouseover="style.visibility=''" onmouseout="style.visibility='hidden'" style="visibility:hidden;">
<div href="http://www.csdn.net" onmouseover="style.backgroundColor='highlight'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">中国程序员</div>
<div href="http://www.sohu.com" onmouseover="style.backgroundColor='highlight'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">sohu</div>
</div>
</body>
</html>



zhip 2007-05-29 14:30 发表评论
]]>可输入并可以自动检索的下拉框列表http://www.blogjava.net/zhip/archive/2007/05/28/120454.htmlzhipzhipMon, 28 May 2007 07:05:00 GMThttp://www.blogjava.net/zhip/archive/2007/05/28/120454.htmlhttp://www.blogjava.net/zhip/comments/120454.htmlhttp://www.blogjava.net/zhip/archive/2007/05/28/120454.html#Feedback2http://www.blogjava.net/zhip/comments/commentRss/120454.htmlhttp://www.blogjava.net/zhip/services/trackbacks/120454.html<html>
<!--函数说明:可输入的下拉框列表改进第二版.
基本参考的阿信的"可输入下拉框第二版",不过将调用接口改进了,并允许用户为控件命名,方便大家在项目中调用.

接口说明:
1: addSelect(obj_id,DefaultValue) 增加空的select控件
参数说明:
obj_id: 控件的id号.
DefaultValue: 缺省值.
2: addOption(value,ID) 增加option列表
参数说明:
value: 下拉列表中每一项的值
ID: 如果存在多个控件,第一个控件的ID值为0,第二个为1,一此类推.


使用说明:将源代码中<style>与</style>之间的代码和<script>与</script>之间的代码拷贝到你需要调用该控件的页面的相应位置.然后在需要显示控件的地方调用上面两个接口.
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>可输入的下拉框改进第二版</title>
<style>
.selectBox{
 border-top-color : #7C7C7C;
 border-left-color : #7C7C7C;
 border-right-color : #D0D0D0;
 border-bottom-color : #D0D0D0;
 border-top-width: 2px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 2px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
}
.editBox{
 border:0px;
 width:100%;
 cursor:default;
 width:100%;
 padding-top:2px;
 margin-top: 1px;
 margin-right: auto;
 margin-bottom: 1px;
 margin-left: auto;
}
.dropdownbutton{
 font-size:12px;
 font-family:webdings;
 color:#000000;
 background-color:#D4D0C8;
 margin:1px;
 cursor:default;
 border-top-width: 2px;
 border-right-width: 2px;
 border-bottom-width: 2px;
 border-left-width: 2px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #E4E4E4;
 border-right-color: #7C7C7C;
 border-bottom-color: #7C7C7C;
 border-left-color: #E4E4E4;
 padding-top: 0px;
 padding-right: 2px;
 padding-bottom: 0px;
 padding-left: 2px;
}
.selectContent{
 position:absolute;
 visibility:hidden;
 z-index:1000;
 background-color:#FFFFFF;
 border: 1px solid #000000;
}
.selectContent tr{cursor:default}
.selectContent td{
 font-size:12px;
 font-family:Vendana;
 padding-top: 2px;
 padding-right: 3px;
 padding-bottom: 2px;
 padding-left: 3px;
}
.OnFocus{color:#FFFFFF;background-color:#0A246A}
</style>
<script language="javascript">
var ZfSelect=[]
var CurrentTR=null
function String.prototype.Trim(){return this.replace(/(^\s*)|(\s*$)/g,'')}//自定义去空格函数Trim()
//在第ID个控件下增加option选项
function addOption(v,ID) {
 
 var i=ID+1;
 //var sv=document.all['ZfSelect_'+ID];
 if(!v.Trim())
 {
 return;
 }
 var tb=document.all['ZfSelect'+i];
// var test = 'ZfSelect' + i;
// var tb = document.all[test];
// alert(tb);
// alert(document.all['ZfSelect'+i]);
 //tb.insertRow();
 //alert(tb.id);return;
 // tb.rows.length 代表有几行数据
 
 var c=tb.insertRow(tb.rows.length).insertCell();
 // 下拉列表中的显示值 c.innerHTML
 c.innerHTML=v.Trim();
 
 c.onmouseover=new Function("MouseOver(this)");

 c.onmouseout=new Function("out(this)");

 c.onclick=new Function("MouseClick("+ID+",this)");

 //c.className="td_out";
 v='';
}
//增加inpnubox的接口,在页面中产生一个inputbox控件,下拉列表为空
function addSelect(name,DefValue) {  
 var i=getSelCount();
  
 var j=i+1;
 //alert("i is:"+i);
 var str='<table id="ZfContainer'+j+'" class="selectBox" border="0" width=100 cellspacing=0 cellpadding=0><tr><td><input name="'+name+'" value="'+DefValue+'" class="editBox" onblur="BoxBlur(this)" onclick="DropDown('+i+')" onkeyup="showTip('+i+')" onmouseenter="selectmove()" onmouseout="selMouseOut(this)"></td>    <td width="1"><span class="dropdownbutton" onmouseover="ButtonOver(this)" onmouseout="ButtonOut(this)" onclick="DropDown('+i+')">6</span></td>  </tr></table>';
 
 document.write(str);
 
  str='<table id="ZfSelect'+j+'" class="selectContent" cellspacing=0 cellpadding=0></table>';
 // str='<table id="ZfSelect'+j+'" class="selectContent" cellspacing=0 cellpadding=0>  <tr onmouseover="MouseOver(this)" onclick="MouseClick('+i+',this)" title="作者:Andy">    <td>'+name+'</td>  </tr></table>';
 //alert(str);
 
    document.write(str); 
 ZfSelect[i]=["ZfContainer"+j,name,"ZfSelect"+j] ;
 

 var s=GetObj(ZfSelect[i][0])

 var ZfContainer=GetObj(ZfSelect[i][2])

 ZfContainer.style.width=s.offsetWidth>ZfContainer.offsetWidth?s.offsetWidth:ZfContainer.offsetWidth
}

function getSelCount() { 
 var i=1;  
 while (eval("document.getElementById('ZfContainer"+i+"')")!=null) i++;
 return i-1;
 
}


function MouseOver(trObj){
 if(!CurrentTR)CurrentTR=trObj
 CurrentTR.className=""
 trObj.className="OnFocus"
        trObj.title=trObj.innerText
 CurrentTR=trObj;
}
//select 选择框鼠标移开时消失
function selMouseOut(obj)
{
 with (document.all.zoom_show)
 {
  style.display = "none"
 }
}
function ButtonOver(BtnObj){
 BtnObj.style.backgroundColor='#BAB4A7'
}
function ButtonOut(BtnObj){
 BtnObj.style.backgroundColor='#D4D0C8'
}
// 使text显示点击的值
// 点击每一项的时候调用的方法
function piPei(value) {
for(i=0;i<document.form.persontype.length;i++) {
var test = document.form.persontype[i].text;
 if(value==test) {
  document.form.realValue.value=document.form.persontype[i].value;
   
}
}

}
function MouseClick(Index,trObj){ 
 with(GetObj(ZfSelect[Index][1])){
  value=trObj.innerText; //使text显示点击的值
  style.backgroundColor='#0A246A';
  style.color='#FFFFFF';
  focus();
  piPei(value);
for (g=0;g<document.form.persontype.length;g++)
{
//alert("enter...");
 if (document.form.persontype.options[g].text==value)
 {
  
  value=value
  break;
 }
}
 }
 DropDown(Index)
 
}
function GoURL(trObj){
 var url=trObj.getAttribute("url")
 if(url&&url!="")window.open(url)
}

// 离开输入框的时候 失去焦点事件
function BoxBlur(InputBox){

 with(InputBox.style){backgroundColor="";color=''}
}

// 鼠标单击事件 show为true或者false
// 按下的时候为TRUE，
function DropDown(Index){
 event.cancelBubble=true;
 
 ZfContainerReset(Index);
 var show=GetObj(ZfSelect[Index][2]).style.visibility=='visible';
 
 GetObj(ZfSelect[Index][2]).style.visibility=show?'hidden':'visible';
 setPosition(Index)
}
function document::onclick(){
 for(i=0;i<ZfSelect.length;i++){
 GetObj(ZfSelect[i][2]).style.visibility='hidden';
 with(GetObj(ZfSelect[i][2]))for(j=0;j<rows.length;j++)rows[j].style.display="";
}
}
function window::onresize(){
 for(i=0;i<ZfSelect.length;i++)setPosition(i)
}
// 键盘按下的时候掉用的事件
// ZfContainer.rows.length为下拉列表中值的个数 这里为8和2
function showTip(Index){
 var inputbox=GetObj(ZfSelect[Index][1])
 var ZfContainer=GetObj(ZfSelect[Index][2])
 var num=0
 
 ZfContainer.style.visibility="visible"
 for(i=0;i<ZfContainer.rows.length;i++){
  if(ZfContainer.rows[i].cells[0].innerText.indexOf(inputbox.value)!=0)ZfContainer.rows[i].style.display="none"
  else {ZfContainer.rows[i].style.display="";num++}
 }
 if(num==0)ZfContainer.style.visibility='hidden'
}
function ZfContainerReset(Index){
 var ZfContainer=GetObj(ZfSelect[Index][2])
 for(i=0;i<ZfContainer.rows.length;i++)
 {
 ZfContainer.rows[i].style.display=""
 
 }
 
 if(CurrentTR)CurrentTR.className=""
}
// 公用方法
function setPosition(Index){
 var s=GetObj(ZfSelect[Index][0])
 var ZfContainer=GetObj(ZfSelect[Index][2])
 var l=s.offsetLeft;
 var t=s.offsetTop;

 while(s=s.offsetParent){l+=s.offsetLeft;t+=s.offsetTop}
 with(ZfContainer.style){left=l+1;top=t+GetObj(ZfSelect[Index][0]).offsetHeight}
}
//  得到一个对象
function GetObj(id){

return document.getElementById(id)


}

// 鼠标进入该区域的时候调用的事件
// r.text为列表的显示值

function selectmove()
{

 var r
 if(window.event.srcElement.isTextEdit) {
  r=window.event.srcElement.createTextRange();
 }else{
  var el=window.event.srcElement.parentTextEdit;
  //var el=window.event.srcElement.persontype.options[form1.persontype.selectedIndex]
  r=el.createTextRange();
 }
 r.moveToPoint(window.event.x, window.event.y);
 r.expand("word");
 ;
 var str = r.text;
 
 if(str.length > 0 ) {
  with(zoom_show.style) {
   display = "";
   top = event.y + 10;
   left = event.x + 10;
  }
  zoom_show.innerText = str;
 } else {
  zoom_show.style.display = "none";
 }
 
}

function bodyclick()
{
 //alert(name1.value);
}
function fuzhi() {
document.form.realValue.value = document.form.persontype.options[o].value;
}
function clickForSubmit()
{
 var tempValue=document.all["realValue"].value;
 document.location.href="select.html?vaues='"+tempValue+"'";
}
</script>
</head>
<body onclick="bodyclick()">
<PRE></PRE>
<table>
<form name="form" action="select.html" >

 <div id="zoom_show" style="font-size:12px;color:red;display:none;position:absolute; z-index:2; top:200;background-color: #F7F7F7; layer-background-color: #0099FF; border: 1px #9c9c9c solid;filter:Alpha(style=0,opacity=80,finishOpacity=100);"></div>
<tr>
 <td><select name="persontype" style="display:none;">
        <option value='-1'>全部</option>
  <option value='1000'>运输干部运输干部运输干部运输干部运输干部运输干部运输干部</option>
  <option value='1001'>车辆驾驶员</option>
  <option value='1002'>车辆修理工</option>
  <option value='1003'>船艇机电工</option>
  <option value='1004'>油料员</option>
  <option value='1005'>我自己</option>
 </select></td>
<tr>


<script language="javascript">
 addSelect("name1","");
 
  for (g=0;g<document.form.persontype.length;g++)
  {

  addOption(document.form.persontype[g].text,0);
 }

</script>
<input type="text">
<br>
<select name="persontypssse">
                <option value='-1'>全部</option>
  <option value='1000'>运输干部运输干部运输干部运输干部运输干部运输干部运输干部</option>
  <option value='1001'>车辆驾驶员</option>
  <option value='1002'>车辆修理工</option>
  <option value='1003'>船艇机电工</option>
  <option value='1004'>油料员</option>
  <option value='1005'>我自己</option>
 </select>
<br><br><br><br>
 <input type="hidden" name="realValue" value="">
 <input type="button" value="  点击提交  " onClick="clickForSubmit();">
</form>
</table>
</body>
</html>



zhip 2007-05-28 15:05 发表评论
]]>为 Html 的 Select 加一个提示语和输入方法http://www.blogjava.net/zhip/archive/2007/05/15/117521.htmlzhipzhipTue, 15 May 2007 02:13:00 GMThttp://www.blogjava.net/zhip/archive/2007/05/15/117521.htmlhttp://www.blogjava.net/zhip/comments/117521.htmlhttp://www.blogjava.net/zhip/archive/2007/05/15/117521.html#Feedback0http://www.blogjava.net/zhip/comments/commentRss/117521.htmlhttp://www.blogjava.net/zhip/services/trackbacks/117521.html<Html>
<Head>
<SCRIPT LANGUAGE="JavaScript">
<!--
//定义 select 原值
var oldValue,oldText;
//select下拉框的onkeydown事件，修改下拉框的值
function catch_keydown(sel)
{
 switch(event.keyCode)
 {
  case 13: //回车键
   event.returnValue = false;
   break;
  case 27: //Esc键
   sel.options[sel.selectedIndex].text = oldText;
   sel.options[sel.selectedIndex].value = oldValue;
   event.returnValue = false;
   break;
  case 8:  //空格健
   var s = sel.options[sel.selectedIndex].text;
   s = s.substr(0,s.length-1);
   if (sel.options[sel.selectedIndex].value==sel.options[sel.selectedIndex].text)
   {
    sel.options[sel.selectedIndex].value=s;
    sel.options[sel.selectedIndex].text=s;
   }
   event.returnValue = false;
   break;
 }
 if (!event.returnValue && sel.onchange)
  sel.onchange(sel)
}

//select下拉框的onkeypress事件，修改下拉框的值
function catch_press(sel){
if(sel.selectedIndex>=0){
 var s = sel.options[sel.selectedIndex].text + String.fromCharCode(event.keyCode);
 if (sel.options[sel.selectedIndex].value==sel.options[sel.selectedIndex].text)
 {
  sel.options[sel.selectedIndex].value=s;
  sel.options[sel.selectedIndex].text=s;
 }
 event.returnValue = false;
 if (!event.returnValue && sel.onchange)
  sel.onchange(sel)
 }
}

//select下拉框的onfocus事件，保存下拉框原来的值
function catch_focus(sel) {
 oldText = sel.options[sel.selectedIndex].value;
 oldValue = sel.options[sel.selectedIndex].value;
}

//恢复select下拉列表当前选中的值
function LoadSelect(obj,value)
{
 for (var i=0; i< obj.options.length; i++)
  if (obj.options[i].value == value)
  {
   obj.selectedIndex = i;
   break;
  }
}

//select 选择框鼠标上移时提示选择的内容
function selMouseOver(obj)
{
 with (document.all.div_hint)
 {
  innerText = obj.options[obj.selectedIndex].text;
  if (innerText.length > 0)
  {
   innerText = " " + innerText + "  ";
   style.display = "block";
   style.left = event.clientX + 16;
   style.top = event.clientY;
  }
 }
}

//select 选择框鼠标移开时消失
function selMouseOut(obj)
{
 with (document.all.div_hint)
 {
  style.display = "none"
 }
}
//-->
</SCRIPT>
</Head>
<Body>
<!--调用-->
<select style='width:130px;z-index:-1' name='tmpSel' onmouseover=selMouseOver(this) onmouseout=selMouseOut(this) onkeydown=catch_keydown(this) onkeypress=catch_press(this) onfocus=catch_focus(this)>
 <option value='111@'>111</option>
 <option value='222@'>为 Html 的 Select 加一个提示语和输入方法</option>
</select>

<!--提示块-->
<div id=div_hint style="font-size:12px;color:red;display:none;position:absolute; z-index:2; top:200;background-color: #F7F7F7; layer-background-color: #0099FF; border: 1px #9c9c9c solid;filter:Alpha(style=0,opacity=80,finishOpacity=100);"></div>
</Body>
</Html>


 



zhip 2007-05-15 10:13 发表评论
]]>正在处理...http://www.blogjava.net/zhip/archive/2007/05/11/116721.htmlzhipzhipFri, 11 May 2007 05:23:00 GMThttp://www.blogjava.net/zhip/archive/2007/05/11/116721.htmlhttp://www.blogjava.net/zhip/comments/116721.htmlhttp://www.blogjava.net/zhip/archive/2007/05/11/116721.html#Feedback0http://www.blogjava.net/zhip/comments/commentRss/116721.htmlhttp://www.blogjava.net/zhip/services/trackbacks/116721.html=============test.jsp============
<body onbeforeunload="top.frames['topFrame'].runningopen();" onload="top.frames['topFrame'].runningclose();">
==============end================


=============top.jsp=============
<script type="text/JavaScript" language="JavaScript" >
var runningwin=null;
function　runningopen()
{
 if((runningwin==null)||(runningwin.closed))
 {
<%--  runningwin=window.open('/trafficmis/IsRunning.jsp',"newwindow","height=120,width=280,toolbar:no,status=no,scrollbars=no,top="+(screen.availHeight-120)/2+",left="+(screen.availWidth-280)/2+",resizable=no,menubar=no,location=no,");--%>
  runningwin=window.showModelessDialog('/trafficmis/IsRunning.jsp',30,"dialogHeight=130px;dialogWidth=320px;status=no;scrollbars=no;center=yes;resizable=no;help=no;");
 }
 else
 {
  runningwin.focus();
 }
}
function　runningclose()
{
 if((runningwin!=null)&&(!(runningwin.closed)))
 { 
  runningwin.close();
 }
}
function waiting()
{ 
 window.showModalDialog('/trafficmis/IsRunning.jsp',3,"dialogHeight=130px;dialogWidth=320px;status=no;scrollbars=no;center=yes;resizable=no;help=no;");
}
</script>
=============end===================


=========IsRunning.jsp=============
<%@ page language="java" contentType="text/html; charset=utf-8"  pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base target="_self">   
    <title>请稍候,正在处理...　　　　　　　　　　　　</title>
    <script language="JavaScript">
 var TimeStart=window.dialogArguments;
 function CloseTimer(){
  if(TimeStart<=0)
   window.close();
  if(TimeStart>=1)
   TimeStart--;
  var timer=setTimeout("CloseTimer()",1000); 
 }
　　</script>
<style type="text/css">
<!--
body {
 background-color: #EFF3F7;
}
.STYLE1 {
 font-size: 16px;
 color: #3D89A1;
 font-weight: bold;
}
-->
  </style>
  </head>
 
  <body onload="CloseTimer()">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr height="10"><td></td></tr>
  <tr>
    <td height="30" align="center" valign="middle" class="STYLE1">正在处理...</td>
  </tr>
  <tr>
    <td align="center" valign="middle"><marquee direction="right" style="WIDTH: 195px; HEIGHT: 12px">
<img src="img/loading.jpg" width="195" height="12">
  </marquee></td>
  </tr>
</table>
  </body>
</html>
=============end===================



zhip 2007-05-11 13:23 发表评论
]]>幻灯片切换的特效源代码http://www.blogjava.net/zhip/archive/2007/01/17/94379.htmlzhipzhipWed, 17 Jan 2007 03:01:00 GMThttp://www.blogjava.net/zhip/archive/2007/01/17/94379.htmlhttp://www.blogjava.net/zhip/comments/94379.htmlhttp://www.blogjava.net/zhip/archive/2007/01/17/94379.html#Feedback0http://www.blogjava.net/zhip/comments/commentRss/94379.htmlhttp://www.blogjava.net/zhip/services/trackbacks/94379.html 1、图片幻灯片width=410(宽) height=200(高)
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<SCRIPT type=text/javascript>
<!--
t=5; //secs per slide

// promos + links
prmo = new Array();
link = new Array();

prmo[1]="http://www.webjx.com/img/200406301.jpg";//网页制作学习
link[1]="http://www.webjx.com/htmldata/sort/3.html";
prmo[2]="http://www.webjx.com/img/200406302.jpg";//动画制作学习
link[2]="http://www.webjx.com/htmldata/sort/4.html";
//prmo[2]="http://www.webjx.com/img/200406302.jpg"//网页特效
//link[2]="http://www.webjx.com/htmldata/sort/5.html";
prmo[4]="http://www.webjx.com/img/200406303.jpg";//网页编程学习
link[4]="http://www.webjx.com/htmldata/sort/6.html";
prmo[0]="http://www.webjx.com/img/200406304.jpg";//书籍教程下载
link[0]="http://www.webjx.com/htmldata/sort/7.html";
prmo[3]="http://www.webjx.com/img/200406305.jpg";//网页素材下载
link[3]="http://www.webjx.com/htmldata/sort/8.html";
//init
promos = "";
links = "";

// build flashvars
for (x=0;x<prmo.length;x++) {
 promos += (x+1<prmo.length) ? prmo[x]+"|" : prmo[x];
 links += (x+1<prmo.length) ? link[x]+"|" : link[x];
}

var MM_contentVersion = 6;
var plugin = (navigator.mimeTypes && navigator.mimeTypes["application/x-shockwave-flash"]) ? navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin : 0;

if ( plugin ) {
     var words = navigator.plugins["Shockwave Flash"].description.split(" ");
     for (var i = 0; i < words.length; ++i)
     {
  if (isNaN(parseInt(words[i])))
  continue;
  var MM_PluginVersion = words[i];
     }
 var MM_FlashCanPlay = MM_PluginVersion >= MM_contentVersion;
}
else if (navigator.userAgent && navigator.userAgent.indexOf("MSIE")>=0
   && (navigator.appVersion.indexOf("Win") != -1)) {
 document.write('<SCR' + 'IPT LANGUAGE=VBScript> \n'); //FS hide this from IE4.5 Mac by splitting the tag
 document.write('on error resume next \n');
 document.write('MM_FlashCanPlay = ( IsObject(CreateObject("ShockwaveFlash.ShockwaveFlash." & MM_contentVersion)))\n');
 document.write('</SCR' + 'IPT> \n');
}

if ( MM_FlashCanPlay ) {
 document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="410" height="200" align="middle">');
 document.write('<param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://www.webjx.com/js/img.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><param name="wmode" value="transparent" />');
 document.write('<param name="FlashVars" value="p=' + promos + '&l=' + links + '&t=' + t + '">');
 document.write('<embed src="http://www.webjx.com/js/img.swf" FlashVars="p=' + promos + '&l=' + links + '&t=' + t + '" quality="high" bgcolor="#ffffff" width="410" height="200" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" />');
 document.write('</object>');
}
//-->
  </SCRIPT>
</DIV></TD></TR></TBODY></TABLE>

2、图片幻灯片
<a target=_self href="javascript:goUrl()">
<span class="f14b">
<script type="text/javascript">
imgUrl1="http://www.webjx.com/img/200406301.jpg";
imgtext1="有线一拖三(温馨版)"
imgLink1=escape("http://www.diyikeji.com");
imgUrl2="http://www.webjx.com/img/200406302.jpg";
imgtext2="456"
imgLink2=escape("http://www.diyikeji.com");
imgUrl3="http://www.webjx.com/img/200406303.jpg";
imgtext3="789"
imgLink3=escape("http://www.diyikeji.com");
imgUrl4="http://www.webjx.com/img/200406304.jpg";
imgtext4="234"
imgLink4=escape("http://www.diyikeji.com");
imgUrl5="http://www.webjx.com/img/200406305.jpg";
imgtext5="567"
imgLink5=escape("http://www.diyikeji.com");

 var focus_width=280
 var focus_height=158
 var text_height=18
 var swf_height = focus_height+text_height
 
 var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5
 var links=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5
 var texts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5
 
 document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ focus_width +'" height="'+ swf_height +'">');
 document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://www.webjx.com/js/focus.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
 document.write('<param name="menu" value="false"><param name=wmode value="opaque">');
 document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');
 document.write('<embed src="pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#F0F0F0" quality="high" width="'+ focus_width +'" height="'+ focus_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');  document.write('</object>');
 </script>
</span></a><span id=focustext class=f14b> </span>

3、文字+图片幻灯片
<SCRIPT LANGUAGE=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var imgtext=new Array();
var imgsumm=new Array();
var adNum=0;

imgUrl[1]="http://cfan.net.cn/tutu/200406301.jpg";
imgtext[1]="[组图]第16期 我型我塑 "
imgLink[1]="http://cfan.net.cn/";
imgsumm[1]="   摩羯座的猫猫是个安静的女孩，面对镜头总是略带羞涩。";

imgUrl[2]="http://cfan.net.cn/tutu/200406302.jpg";
imgtext[2]="实录：从“三陪女”到“二奶”"
imgLink[2]="http://cfan.net.cn";
imgsumm[2]="   “二奶”的日子是快乐的，但后遗症却是最深的痛……";

imgUrl[3]="http://cfan.net.cn/tutu/200406303.jpg";
imgtext[3]="家饰：[组图]我爱抱心肝宝贝"
imgLink[3]="http://cfan.net.cn/";
imgsumm[3]="   我们已经不再满足于中规中矩,四角形模样的抱枕...";

var imgPre=new Array();
var count=0;
for (i=1;i<=3;i++) {
if( (imgUrl!="") && (imgLink!="") ) {
count++;
} else {
break;
}
}
function playTran(){
if (document.all)
imgInit.filters.revealTrans.play();
}
var key=0;
function nextAd(){
if(adNum<count)adNum++ ;
else adNum=1;

if( key==0 ){
key=1;
} else if (document.all){
imgInit.filters.revealTrans.Transition=20;
imgInit.filters.revealTrans.apply();
playTran();

}
document.images.imgInit.src=imgUrl[adNum];
focustext.innerHTML=imgtext[adNum];
focussumm.innerHTML=imgsumm[adNum];
theTimer=setTimeout("nextAd()", 2000);//间隔时间
}


function goUrl(){
window.open(imgLink[adNum],'_blank');
}
</SCRIPT>
<A TARGET=_self HREF="javascript:goUrl()">
<IMG STYLE="FILTER: revealTrans(duration=1,transition=5);border-color:black;color:#000000" SRC="javascript:nextAd()" WIDTH=338 HEIGHT=110 BORDER=0 CLASS=img01 NAME=imgInit></A>
<A TARGET=_self HREF="javascript:goUrl()">
<FONT COLOR=#B41A7A CLASS=sfont><SPAN ID=focustext></SPAN></FONT></A>
<A TARGET=_self HREF="javascript:goUrl()">
<FONT COLOR=#777777 CLASS=sfont><SPAN ID=focussumm></SPAN></FONT></A>
</div>



zhip 2007-01-17 11:01 发表评论
]]>关于隐藏真实URLhttp://www.blogjava.net/zhip/archive/2006/12/28/90456.htmlzhipzhipThu, 28 Dec 2006 03:55:00 GMThttp://www.blogjava.net/zhip/archive/2006/12/28/90456.htmlhttp://www.blogjava.net/zhip/comments/90456.htmlhttp://www.blogjava.net/zhip/archive/2006/12/28/90456.html#Feedback0http://www.blogjava.net/zhip/comments/commentRss/90456.htmlhttp://www.blogjava.net/zhip/services/trackbacks/90456.html<HTML><HEAD>    
<TITLE>1111111111111111</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
</HEAD> 
<frameset   rows='0,*'   frameborder=0   border='0'   framespacing=0   > 
<frame   src=   name=mm_navigation   scrolling=no   resize=no   marginheight=0   marginwidth=0>  
<frame   src=想要转向的URL  name=leftmain   scrolling=yes   resize=no   marginheight=0   marginwidth=5   border=0>  
</frameset></HTML>
 



zhip 2006-12-28 11:55 发表评论
]]>40种网页常用小技巧[转-Ajax中国]http://www.blogjava.net/zhip/archive/2006/09/28/72587.htmlzhipzhipThu, 28 Sep 2006 07:24:00 GMThttp://www.blogjava.net/zhip/archive/2006/09/28/72587.htmlhttp://www.blogjava.net/zhip/comments/72587.htmlhttp://www.blogjava.net/zhip/archive/2006/09/28/72587.html#Feedback0http://www.blogjava.net/zhip/comments/commentRss/72587.htmlhttp://www.blogjava.net/zhip/services/trackbacks/72587.html1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table

2. <body onselectstart="return false"> 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. <input style="ime-mode:disabled"> 关闭输入法

8. 永远都会带着框架
<script language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>

9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

10. 网页将不能被另存为
<noscript><iframe src="/blog/*.html>";</iframe></noscript>

11. <input type=button value=查看网页源代码
onclick="window.location = "view-source:"+ "http://www.williamlong.info"">

12.删除时确认
<a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>

13. 取得控件的绝对位置
//Javascript
<script language="Javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
alert("top="+t+"/nleft="+l);
}
</script>

//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>

14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart("character",e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">

15. 判断上一页的来源
javascript:
document.referrer

16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT　CTRL
}
document.onkeydown=look;
</script>

18. 网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">

19.怎样让表单没有凹凸感？
<input type=text style="border:1 solid #000000">
或
<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

1 solid #000000"></textarea>

20.<div><span>&<layer>的区别？
<div>(division)用来定义大段的页面元素，会产生转行
<span>用来定义同一行内的元素，跟<div>的唯一区别是不产生转行
<layer>是ns的标记，ie不支持，相当于<div>

21.让弹出窗口总是在最上面:
<body onblur="this.focus();">

22.不要滚动条?
让竖条没有:
<body style="overflow:scroll;overflow-y:hidden">
</body>
让横条没有:
<body style="overflow:scroll;overflow-x:hidden">
</body>
两个都去掉？更简单了
<body scroll="no">
</body>

23.怎样去掉图片链接点击后，图片周围的虚线？
<a href="#" onFocus="this.blur()"><img src="/blog/logo.jpg" border=0></a>

24.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
<input type=submit>
</form>

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(/blog/logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>

28. 检查一段字符串是否全由数字组成
<script language="Javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>

32. 日期减去天数等于第二个日期
<script language=Javascript>
function cc(dd,dadd)
{
//可以加上错误处理
var a = new Date(dd)
a = a.valueOf()
a = a - dadd * 24 * 60 * 60 * 1000
a = new Date(a)
alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
}
cc("12/23/2002",2)
</script>

33. 选择了哪一个Radio
<HTML><script language="vbscript">
function checkme()
for each ob in radio1
if ob.checked then window.alert ob.value
next
end function
</script><BODY>
<INPUT name="radio1" type="radio" value="style" checked>Style
<INPUT name="radio1" type="radio" value="barcode">Barcode
<INPUT type="button" value="check" onclick="checkme()">
</BODY></HTML>

34.脚本永不出错
<SCRIPT LANGUAGE="JavaScript">
<!-- Hide
function killErrors() {
return true;
}
window.onerror = killErrors;
// -->
</SCRIPT>

35.ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">

36. 检测某个网站的链接速度：
把如下代码加入<body>区域中:
<script language=Javascript>
tim=1
setInterval("tim++",100)
b=1
var autourl=new Array()
autourl[1]="www.njcatv.net"
autourl[2]="javacool.3322.net"
autourl[3]="www.sina.com.cn"
autourl[4]="www.nuaa.edu.cn"
autourl[5]="www.cctv.com"
function butt(){
document.write("<form name=autof>")
for(var i=1;i<autourl.length;i++)
document.write("<input type=text name=txt"+i+" size=10 value="/blog/测试中......>" =》<input type=text
name=url"+i+" size=40> =》<input type=button value=GO

onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=刷新></form>")
}
butt()
function auto(url)
else

b++
}
function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1

onerror=auto("http://"+autourl+"")>")}
run()</script>

37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"> 
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种

39.在规定时间内跳转
<META http-equiv=V="REFRESH" content="5;URL=http://www.williamlong.info">

40.网页是否被检索
<meta name="ROBOTS" content="属性值">
　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。

最大化窗口？
<script language="JavaScript">
<!--
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
//-->
</script>

解决问题：由于层与下拉框之间的优先级是：下拉框 > 层，因此在显示的时候，会因为优先级的次序而会出现如上问题。（如果几个元素都是层的话，我们可以通过层的 z-index 属性来设置）解决办法就是：给层中放一个优先级比下拉框更高的元素（iframe），从而解决此问题！具体解决代码如下：

<div id="menu" style="position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;">
<table>
  <tr><td>item 1</td></tr>
  <tr><td>item 2</td></tr>
  <tr><td>item 3</td></tr>
  <tr><td>item 4</td></tr>
  <tr><td>item 5</td></tr>
  </table>
  <iframe src="/blog/javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe>
</div>

<a href="#" onclick="document.getElementById('menu').style.visibility='visible'">menu</a>

<form>
  <select><option>A form selection list</option></select>
</form>

输入框也可以做的很漂亮了
<div align="center"><input type="hidden" name="hao" value="yes">
              外向数：<input
      name=answer
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
            　没回答的题数：<input
      name=unanswer id="unanswer"
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
            <br>
            总得分:
            <input
      name=score id="score"
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
            　结　　　　论:
            <input
      name=xgjg id="xgjg"
      style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)">
            <br>
            <br>
           
            <input onClick=processForm(this.form) style="FONT-FAMILY: 宋体; FONT-SIZE: 9pt" type=button value=查看结果 name="button">
             <input type="reset" name="Submit" value="重做">
            </div>

注意：修改<body>为<body onload="max.Click()">即为打开最大

化窗口，而如果改为<body onload="min.Click()">就变为窗口一打开就最小化

<object id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
            <param name="Command" value="Minimize">
          </object> <object id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
            <param name="Command" value="Maximize">
          </object>
</body>

页面自动刷新（说明）

当你做网页时，是不是有的时候想让你的网页自动不停刷新，或者过一段时间自动跳转到另外一个你自己设定的页面？其实实现这个效果非常地简单，而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。

1，页面自动刷新：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面.

2，页面自动跳转：把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.williamlong.info">,其中20指隔20秒后跳转到http://www.williamlong.info页面。

页面自动关闭

5000是指时间<body onLoad="setTimeout(window.close, 5000)">

弹出窗口自动关闭

10秒后弹出窗口自动关闭

注意：在新的tan.htm的body中要加 <onLoad="closeit()">
head

<script language="JavaScript">

<!--

var gt = unescape('%3e');

var popup = null;

var over = "Launch Pop-up Navigator";

popup = window.open('', 'popupnav', 'width=225,height=235,resizable=1,scrollbars=auto');

if (popup != null) {

if (popup.opener == null) {

popup.opener = self;

}

popup.location.href = 'tan.htm';

}

// -->

</script>
<body>注意：这段代码是在新建文件中的
<script language="JavaScript">

 function closeit()

 </script>

这个可不是<iframe>(引用）呀。是直接调用的。以下代码加入<body>区域

<object type="text/x-scriptlet" width="800"  height="1000" data="../index.htm">
</object>



zhip 2006-09-28 15:24 发表评论
]]>让英文字符自动换行http://www.blogjava.net/zhip/archive/2006/09/25/71737.htmlzhipzhipMon, 25 Sep 2006 06:41:00 GMThttp://www.blogjava.net/zhip/archive/2006/09/25/71737.htmlhttp://www.blogjava.net/zhip/comments/71737.htmlhttp://www.blogjava.net/zhip/archive/2006/09/25/71737.html#Feedback0http://www.blogjava.net/zhip/comments/commentRss/71737.htmlhttp://www.blogjava.net/zhip/services/trackbacks/71737.htmlstyle="WIDTH: 500px; WORD-WRAP: break-word"

在<TD>中加入这个就行了,500px代表的是多宽之后换行,你可以根据自己的需要来填写.

========================
　最近用JSP做新闻发布时发现，用rs.getString()获得的字符串里面空格和换行都表现不出来，

　　先分析原因，我用的是Mysql数据库，新闻内容采用的是Text类型，查看数据库中上传的新闻发现里面换行和空格都能表现出来，这就说明，肯定是用Rs.getstring时显示的问题，先查看了Java.sql.*的Api想用别的Get方法，试了几个结果都不行，

　　网上也有这样类似的问题，但大多是在Servlet里面或者Bean里面专门的做一个函数解决的，我觉得这样做很复杂

　　最后终于找到了的解决方法，在调用Rs.getstring的页面里面的表格中加入style="word-break:break-all"

　　并用<pre>rs.getString()<>标签来显示就解决了换行的问题。其中<pre></pre>这句话一定不能少，在表格里面加入style="word-break:break-all"用来防止一长串英文字符撑开表格



zhip 2006-09-25 14:41 发表评论
]]>JS收藏http://www.blogjava.net/zhip/archive/2006/09/20/70879.htmlzhipzhipWed, 20 Sep 2006 10:25:00 GMThttp://www.blogjava.net/zhip/archive/2006/09/20/70879.htmlhttp://www.blogjava.net/zhip/comments/70879.htmlhttp://www.blogjava.net/zhip/archive/2006/09/20/70879.html#Feedback0http://www.blogjava.net/zhip/comments/commentRss/70879.htmlhttp://www.blogjava.net/zhip/services/trackbacks/70879.html1、表格中的内容过长时，不换行，显示省略号并Tooltip。

1 < table  width ="200px"  style ="border:1px solid #000000;table-layout:fixed;word-wrap:break-word;word-break:break-all;" >  
 2      < tr >
3      < td   style ="font-size: 11px;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;" >
4     dfasdfdsf sdfsaf sdfdsfs dfsaf sdfds fsdfsaf sdfds fsdfsaf sdfd sfsdfsaf </ td >
5      </ tr >  
 6 </ table >  

注意，表格的样式应设置如下内容：
   table-layout:fixed;word-wrap:break-word;word-break:break-all;
TD则应设置如下样式：
   text-overflow:ellipsis;overflow:hidden;white-space: nowrap;
当然，你可以把这些样式放到样式表里面去。

2、在HTML页面中显示分数，可用如下格式：
&frac12;
&frac34;
&frac13;
===============================================
function isCharsInBag (s, bag)
{
 var i;
  for (i = 0; i < s.length; i++){
  var c = s.charAt(i);
  if (bag.indexOf(c) == -1)
    return false;
   }
  return true;
}
function checkform(){
  if(document.all["marketPrice"].value.length>0 && !isCharsInBag(document.all["marketPrice"].value,"0123456789."))
 {
  alert("提示！请检查一下您输入〖市场价〗是否为数字?");
  document.all["marketPrice"].focus();
  return false;
 }
      if(document.all["hotelUserName"].value.length<2)
       {
         alert("提示！请输入正确的〖酒店用户名〗！");
         document.all["hotelUserName"].focus();
         return false;
       }
        var regex = /^(([\-\w]+)\.?)+@(([\-\w]+)\.?)+\.[a-zA-Z]{2,4}$/;
        if((!regex.test(document.all["hotelEmail"].value))&&(!document.all["hotelEmail"].value.length<1))
       {
         alert("提示！输入的〖邮件地址〗无效！");
         document.all["hotelEmail"].value="";
         document.all["hotelEmail"].focus();
         return false;
       }
        var regex1=/^\d{6}$/;
       if ((!regex1.test(document.all["hotelPostCode"].value))&&(!document.all["hotelPostCode"].value.length<1)){
          alert("提示！〖邮政编码〗必须是6个数字");
          document.all["hotelPostCode"].value="";
          document.all["hotelPostCode"].focus();
          return false;
       }
        var ExtList = ".jpg.gif.bmp";
    if ((ExtList.indexOf(document.all["file"].value.substr(document.all["file"].value.lastIndexOf(".")+1).toLowerCase())==-1)&&(!document.all["file"].value.length<1)){
      alert("提示！上传的〖客房图片〗格式不正确！");
       document.all["file"].value="";
      document.all["file"].focus();
       return false;
      }
       return true;
 }
function cityChange()
{  
    hotelForm.action = "/hotel/selectHotel.do?actiontype=select";
    hotelForm.method = "post";
    hotelForm.submit();
}

2、一段实现checkbox 单选的代码
一组名称相同的checkbox 但只能选择一个，或者取消选择。
把本函数链到选择框的onclick 事件上。onClick="ChangeSelect(this)"。
  function ChangeSelect(obj)
  {
      theForm=document.forms[0];
      var oldStatus;
      oldStatus = obj.checked;

      for(i=0;i<theForm.elements.length;i++)
      {
          if(theForm.elements.name==obj.name)
          {
            theForm.elements.checked=false;  
          }
      }

      if(oldStatus)
          obj.checked = true;
      else
          obj.checked = false;
      return true;
     
  }
3、怎样查找一个网站有多少网页登陆搜索引擎
搜索内容如下。
site:qh663.512j.com

4、网页背景音乐代码详解
网页背景音乐代码：
将这段代码插入到您的<head></head>之间
当您打开网站时即可听到背景音乐：
<bgsound src=china.mid loop="-1">
这种当网页最小化之后，音乐会消失

网页背景音乐的代码：
<embed src="http://XXX.com/XXX.mp3" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
1.mid表示音效文件
<embed src="1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
上面的网页背景音乐代码可以加入FLASH动画的绝对地址（或相对地址）
<embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-realaudio-plugin" src="1.ram"> </embed>
ram格式的音乐文件专用网页背景音乐代码：
<embed src="1.mid" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
指定播放器的大小（width、heigh）、是否自动（autostart标记）、是否循环播放（loop标记），而浏览者则可以自主地决定是否播放音乐。
此代码可以当作网页中插入FLASH动画的代码用。只要把1.mid替换为FLASH动画的相对地址或决对地址就OK了。
<embed src="1.mp3" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
此代码可以加mp3形式的音乐为网页背景音乐
<EMBED src="http://XXX.com/XXX.mp3" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED>
1.mid表示音效文件
<bgsound src="1.mid" loop=3>
表示将1.mid音效文件插入到页面为背景音乐，并循环播放3次。
<embed src="1.mid" hidden="true">
1.mid表示音效文件
<bgsound src="1.mid" loop="infinte">
1.mid表示音效文件
<embed src="1.mid" hidden="true" loop="true">
1.mid表示音效文件
<bgsound src=1.mid loop="-1">
1.mid表示音效文件

5、鼠标移动表格行变色
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="1" bordercolor="#FF99FF" >
<tr>
  <td onMouseOut="this.style.backgroundColor=''" onMouseover="this.style.backgroundColor='#ffcccc'">1</td>
</tr>
<tr>
    <td width="20%" nowrap class="txt_middle">   </td>
</tr>
<tr>
    <td class="txt_middle"> </td>
</tr>
</table>
6、防止表格撑破
<table width=200 style="table-layout:fixed;word-wrap:break-word;word-break:break-all">
<tr>
<td>
dsfdf
<table width="1500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
<tr>
<td>是 一 套 快 捷、準 確 的?會 計 系 統。本 系 統 專 為 中 小 型 企 業 處 理 繁 重 的 發 票、應 收 帳 及 存 貨 管 理 工 作 而 設 計 的，具 備 大 量 實 用 功 能。為 適 應 複 雜 的 商 業 環 境，尖 端 進 銷 存 系 統 提 供 多 貨 幣、多 語 言 等 多 項 先 進 功 能 ，同 時 採 用 了 友 善 的 視 窗 介 面，使 用 戶 能 極 短 時 間 內 掌 握 使 用 方 法。本 系 統 亦 </td>
</tr>
</table>
fdsf
</td>
</tr>
</table>
7、全选反选表单
<script language="JavaScript" type="text/JavaScript">
function CheckOthers(form)
{
  for (var i=0;i<form.elements.length;i++)
  {
      var e = form.elements;
//       if (e.name != 'chkall')
          if (e.checked==false)
          {
            e.checked = true;// form.chkall.checked;
          }
          else
          {
            e.checked = false;
          }
  }
}

function CheckAll(form)
{
  for (var i=0;i<form.elements.length;i++)
  {
      var e = form.elements;
//       if (e.name != 'chkall')
          e.checked = true// form.chkall.checked;
  }
}
</script>

<form name="form" method="post" action="">
<input type="checkbox" name="checked[$key]" value="48004">
<input type="checkbox" name="checked[$key]" value="48004">
<input type="checkbox" name="checked[$key]" value="48004">
<input type="checkbox" name="checked[$key]" value="48004">
<input name="chkall" type="button" title="选择所有" onClick="CheckAll(this.form)" value="全选">
<input name="chkOthers" type="button" title="反向选择" onClick="CheckOthers(this.form)" value="反选">
</form>

文本输入限制
<script>
 function regInput(obj, reg, inputStr)
 {
  var docSel = document.selection.createRange()
  if (docSel.parentElement().tagName != "INPUT") return false
  oSel = docSel.duplicate()
  oSel.text = ""
  var srcRange = obj.createTextRange()
  oSel.setEndPoint("StartToStart", srcRange)
  var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length)
  return reg.test(str)
 }
</script>

小写英文：<xmp style= "display:inline"> </xmp>
<input onkeypress = "return regInput(this, /^[a-z]*$/,  String.fromCharCode(event.keyCode))"
  onpaste  = "return regInput(this, /^[a-z]*$/,  window.clipboardData.getData('Text'))"
  ondrop  = "return regInput(this, /^[a-z]*$/,

JavaScript控制菜单开关：

<script language="JavaScript">

  function log_out() {
   top.location.href = "logout.jsp";
  }
<!--
var openedid;
var openedid_ft;
var flag=0,sflag=0;
var folderCodes = new Array('Personal','Product','Order','Lottery','Bonus','Friend','Plan','Complain','Survey');
function clickHandler() {
 var targetid,srcelement,targetelement;
 var strbuf;
 srcelement=window.event.srcElement;  
 if(srcelement.className=="outline") { //在Menu.asp文件如果 class="outline" 则执行
  //将它对应的id值加d得到一个新的id值 "1out6d"
  targetid=srcelement.id+"d";
  //alert(targetid);
//退出系统
  if (targetid == "Logoutd") {
   if (confirm("请确实是否退出会员系统？"))
     log_out() ;
   return;
  }
   
  targetelement=document.all(targetid);
  
  // 关闭其他
  for (i=0; i<folderCodes.length; i++)
   document.all(folderCodes[i]+"d").style.display='none';
  targetelement.style.display='';
  /*
  if (targetelement.style.display=="none") {  //如果 style="display:none" 则执行
   targetelement.style.display=''; //将 display 赋以空值表示菜单以打开
   strbuf=srcelement.src;
   if(strbuf.indexOf("images/plus.gif")>-1) {  //进行图标变换   
    srcelement.src="images/tree_plus.gif";
   }
   else {
    srcelement.src="images/tree_plus.gif";
   }
  }
  else {
   targetelement.style.display="none";
   strbuf=srcelement.src;
   if(strbuf.indexOf("images/tree_plus.gif")>-1)  {
    srcelement.src="images/tree_plus.gif";
   }
   else {
    srcelement.src="images/tree_plus.gif";
   }
  }
  */
 }
 if(srcelement.className=="dirclick") {
  targetid=srcelement.id+"img";
  targetelement=document.all(targetid);
  if(flag==1) {
   if(openedid) {
    openedid.src="images/tree_dir.gif";
   }
   openedid_ft.style.background="#ffffff";
   openedid_ft.style.color="#0000ff";
  }
  if(sflag==1) {
   openedid_ft.style.background="#ffffff";
   openedid_ft.style.color="#0000ff";
  }
  targetelement.src="images/a.gif";
  srcelement.style.background="#000080";
  srcelement.style.color="#ffffff";
  openedid=targetelement;
  openedid_ft=srcelement;
  flag=1;
  sflag=0;
 }
 if(srcelement.className=="serviceclick") {
  targetid=srcelement.id+"img";
  targetelement=document.all(targetid);
  if(flag==1) {
   if(openedid) {
    openedid.src="images/a.gif";
   }
   openedid_ft.style.background="#ffffff";
   openedid_ft.style.color="#0000ff";
   //targetelement.src="images/tree_dir.gif";
  }
  if(sflag==1) {
   openedid_ft.style.background="#ffffff";
   openedid_ft.style.color="#0000ff";
  }
  srcelement.style.background="#000080";
  srcelement.style.color="#ffffff";
  openedid=targetelement;
  openedid_ft=srcelement;
  sflag=1;
  flag=0;
 }
}
document.onclick = clickHandler;
//-->
</script>
 //===============================checkbox============//
//全选。form.selectall.checked为全选按钮的状态。
<SCRIPT language=JavaScript>
<!--
function CheckAll(form)
  {
  for (var i=0;i<form.elements.length;i++)
    {
    var e = form.elements[i];
    if (e.name != 'selectall')
       e.checked = form.selectall.checked;
    }
  }
//-->
</SCRIPT>
//取checkbox的值
  String[] name = request.getParameterValues("myCheckBox");   
   //注：这个"myCheckBox"值就是上一个页面里面对应的checkbox的name对应的值。 
 for(int k=0;k<name.length;k++){ 
 　　String id = name[k];
 }


zhip 2006-09-20 18:25 发表评论
]]>