??xml version="1.0" encoding="utf-8" standalone="yes"?>
HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\ZoneMap\Ranges\Range[*]
ActiveX的注册表?/font>
HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\[0-4]\[*]
[0-4]
?nbsp; 讄
------------------------------
0 我的电脑
1 本地 Intranet 区域
2 受信ȝ站点区域
3 Internet 区域
4 受限制的站点区域
[*]
1001 下蝲已签名的 ActiveX 控g
1004 下蝲未签名的 ActiveX 控g
1200 q行 ActiveX 控g和插?br />
1201 Ҏ有标Cؓ安全?ActiveX 控gq行初始化和脚本q行
1405 ҎCؓ可安全执行脚本的 ActiveX 控g执行脚本
2201 ActiveX 控g自动提示 **
弹出H口LE序HKEY_CURRENT_USERHKCU\Software\Microsoft\Internet Explorer\New Windows\PopupMgr
具体脚本如下:
<SCRIPT LANGUAGE="JavaScript">
<!--
var WshShell=new ActiveXObject("WScript.Shell");
//d信Q站点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弹出H口LE序
WshShell.RegWrite("HKCU\\Software\\Microsoft\\Internet Explorer\\New Windows\\PopupMgr","no");
//-->
</SCRIPT>
一、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 ?l需要闭合的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 ?l需要闭合的div加上 class="clearfix" 卛_,屡试不爽.
三、其他兼Ҏ?再次啰嗦)
1, FF下给 div 讄 padding 后会D width ?height 增加, 但IE不会.(可用!important解决)
2, 居中问题.
1).垂直居中.?line-height 讄?当前 div 相同的高? 再通过 vertical-align: middle.( 注意内容不要换行.)
2).水^居中. margin: 0 auto;(当然不是万能)
3, 若需l?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来hackQ对于ie6和firefox试可以正常昄Q?br />
但是ie7?important可以正确解释Q会D面没按要求昄Q找C个针
对IE7不错的hack方式是使用“*+html”Q现在用IE7览一下,应该没有问题了?br />
现在写一个CSS可以q样Q?br />
#1 { color: #333; } /* Moz */
* html #1 { color: #666; } /* IE6 */
*+html #1 { color: #999; } /* IE7 */
那么在firefox下字体颜色显CZؓ#333QIE6下字体颜色显CZؓ#666QIE7下字体颜色显CZؓ#999?br />
2 css布局中的居中问题
主要的样式定义如下:
body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
说明Q?br />
首先在父U元素定义TEXT-ALIGN: center;q个的意思就是在父元素内的内容居中Q对于IEq样讑֮已l可以了?br />
但在mozilla中不能居中。解军_法就是在子元素定义时候设定时再加?#8220;MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”
需要说明的是,如果你想用这个方法整个面要居中,不要套在一个DIV里,你可以依ơ拆出多个divQ?br />
只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 可以了?br />
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产生的双倍距?br />
#box{ float:left; width:100px; margin:0 0 0 100px; //q种情况之下IE会?00px的距?display:inline; //使Q动忽略}
q里l说一下block,inline两个元素,Block元素的特Ҏ:L在新行上开?高度,宽度,行高,边距都可以控?块元?;Inline元素的特Ҏ:和其他元素在同一行上,...不可控制(内嵌元素);
#box{ display:block; //可以为内嵌元素模拟ؓ块元?display:inline; //实现同一行排列的的效?diplay:table;
5 IE与宽度和高度的问?br />
IE不认得min-q个定义Q但实际上它把正常的width和height当作有min的情冉|ѝ这样问题就大了Q如果只用宽度和高度Q?br />
正常的浏览器里这两个值就不会变,如果只用min-width和min-height的话QIE下面Ҏ{于没有讄宽度和高度?br />
比如要设|背景图片,q个宽度是比较重要的。要解决q个问题Q可以这P
#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}
6 面的最宽?br />
min-width是个非常方便的CSS命oQ它可以指定元素最也不能于某个宽度Q这样就能保证排版一直正。但IE不认得这个,
而它实际上把width当做最宽度来ѝؓ了让q一命o在IE上也能用Q可以把一?/p>
p对象中的内容
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++;
//d一?
var newTr = testTbl.insertRow();
newTr.setAttribute("id","tr" + count.toString());
//d两列
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
//讄列内容和属?
newTd0.innerHTML = '<input type=checkbox id="box'+ count.toString() +'">';
newTd1.innerText= 'W?+ 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>全?lt;/td>
</tr>
<tr id="tr1">
<td ><input type=checkbox id="box1"></td>
<td>W??lt;/td>
</tr>
<tr id="tr2">
<td ><input type=checkbox id="box2"></td>
<td>W??lt;/td>
</tr>
<tr id="tr3">
<td ><input type=checkbox id="box3"></td>
<td>W??lt;/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>W??lt;/td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td></tr>
<tr><td>W??lt;/td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td></tr>
<tr><td>W??lt;/td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td></tr>
<tr><td>W??lt;/td><td onclick="deleteRow('mxh',this.parentElement.rowIndex)">删除本行</td></tr>
</table>
在用FCKeditor2.4.3时若上传的图片或者flash的文件名Z文时Q发C下情况:
问题1Q?br />
当点?#8220;插入/~辑囑փ”或?#8220;插入/~辑Flash”按钮Ӟ在弹出的对话框中选择上传按钮Q如果上传的文g名ؓ中文时会出现q?br />
解决办法Q?br />
扑ֈFCKeditor.java解压包中的src目录下SimpleUploaderServlet.java做如下修改:
扑ֈ该程序中DiskFileUpload upload = new DiskFileUpload()Q然后在该行下面d
upload.setHeaderEncoding("UTF-8")Q重新编译成class文gq利用WinRAR把该class文g
d到FCKeditor-2.3.jar中相应的位置Q然后覆盖你的web目中原来的jar包便可?br />
问题2Q?br />
当点?#8220;插入/~辑囑փ”或?#8220;插入/~辑Flash”按钮Ӟ在弹出的对话框中使用览
服务器按钮上传中文文件时会出Cؕ码?br />
解决办法Q?br />
和问?的解军_法基本一P只不q需要在ConnectorServlet.java中添?br />
upload.setHeaderEncoding("UTF-8")便可?br />
问题3Q?br />
当点?#8220;插入/~辑囑փ”或?#8220;插入/~辑Flash”按钮Ӟ在弹出的对话框中点击览
服务器按钮,会弹?#8220;览服务?#8221;面Q如果想在该面中用Create New Folder按钮
来创Z个中文目录时Q会出现中文目录q?br />
解决办法Q?br />
web容器的编码要与FCKeditor默认的编码UTF-8一_如果使用的是TomcatQ需修改
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的属性gؓutf-8?br />
注:对于问题3Q这U解军_法不可取Q最好不要去修改服务器的~码Q否则会影响到服务器上其它的工程。解册个编码的问题可以修改源代码或者从新编写一个类来处理。通过观察打开的上传浏览对话框可以扑֯对应的htm面和负责处理上传文件名U的com.fredck.FCKeditor.uploader. ConnectorServletq个c,然后扑ֈ对应的参敎ͼ转换~码便可。如QString newFolderStr=request.getParameter("NewFolderName");
newFolderStr=new String(newFolderStr.getBytes("iso8859-1"),"utf-8");
=================================================================================
fckeditor如果大家搞定?Q那一定想C是没有提供删除功能的Q!
以下是一DjsQ放在调用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);
//q里你可以用一个隐匿域来接收这些\径信?
}
}
把这些\径信息放|于数据库是的一个字D,删除文档时一起删除,可以解军_片存留问?
========================================================================================
避免上下滚动条的出现:
在fckconfig.js中加入下??
FCKConfig.Plugins.Add( 'autogrow ' ) ;
FCKConfig.AutoGrowMax = 4000 ; //q是允许自动增长的最大高度限?
同时L认fckeditor\editor\plugins\autogrow有这个目录存在,没有的话到官|下载最新版FCK?/p>
另外注意FCKConfig.PluginsPath的\径你讄对了没有?br />
===========================================================================
FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/ ' ;
q个是对的,pȝ默认的\径,FCK使用也没问题
是不能自动调整高度
=============================================================================
FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/ ' ;
q是js里的语句。BasePath不是在这讄Q是在php里调用FCK时设|的?/p>
========================================================================
不行的话是不是你曄改过FCK的源码?
你重C载文Ӟ只改动这2行测试一下就知道了。别的什么都不用改就可以实现你所说的要求?
FCKConfig.Plugins.Add( 'autogrow ' ) ;
FCKConfig.AutoGrowMax = 4000 ;
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>
解决ҎQ?br />
把HTML面中显CFLASH控g的代码写到JS中动态显C,如: <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>
CZ面Q?br />
<!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>无标题文?lt;/title>
</head>
<body>
<script language="javascript" src="ss.js"></script>
<script language="javascript">
ShowMenu();
</script>
</body>
</html>ss.js文gQ?br />
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/
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("出现错误,h查页码是否正?");
}
}
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">N员数?lt;/td>
<td width="110" height="30" align="center" bgcolor="#F2F8FE" class="biao_top">R人数</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">?nbsp; ?lt;/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">o部R?lt;/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">二支?lt;/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">西安市支?lt;/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 条数?br>
</td>
<td width="83" align="center" class="biao_top">
W?1 ?br>
</td>
<td width="83" align="center" class="biao_top">
?1 ?br>
</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>?br> </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>
1.最直接的方?隐藏下拉?
下面提供的是一个比较通用的一l函?
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()">
以上q种Ҏ,如果对于select框数目少,相对固定的话,直接用obj.style.visibility="hidden"q样q行隐藏是更直接?
2.Object对象的优先度较高,可以挡住select?/strong>
<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>
q种Ҏ虽然也简?但对复杂的层是来说还不是好的解决Ҏ
3.用iframe作蝲?/strong>
以下是一单的例子:
-----------
<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>单菜?lt;/title>
<!--
提供定位函数Q用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)">中国E序?lt;/div>
<div href="http://www.sohu.com" onmouseover="style.backgroundColor='highlight'" onmouseout="style.backgroundColor=''" onclick="window.open(href)">sohu</div>
</div>
</body>
</html>
接口说明:
1: addSelect(obj_id,DefaultValue) 增加I的select控g
参数说明:
obj_id: 控g的id?
DefaultValue: ~省?
2: addOption(value,ID) 增加option列表
参数说明:
value: 下拉列表中每一的?br>ID: 如果存在多个控g,W一个控件的IDgؓ0,W二个ؓ1,一此类?
使用说明:源代码?lt;style>?lt;/style>之间的代码和<script>?lt;/script>之间的代码拷贝到你需要调用该控g的页面的相应位置.然后在需要显C控件的地方调用上面两个接口.
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>可输入的下拉框改q第二版</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,'')}//自定义去I格函数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 代表有几行数?br>
var c=tb.insertRow(tb.rows.length).insertCell();
// 下拉列表中的昄?nbsp;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控g,下拉列表为空
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 选择框鼠标移开时消?br>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昄点击的?br>// 点击每一的时候调用的Ҏ
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昄点击的?br> 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)
}
// d输入框的时?失去焦点事g
function BoxBlur(InputBox){
with(InputBox.style){backgroundColor="";color=''}
}
// 鼠标单击事g show为true或者false
// 按下的时候ؓTRUEQ?br>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)
}
// 键盘按下的时候掉用的事g
// ZfContainer.rows.lengthZ拉列表中值的个数 q里??
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}
}
// 得到一个对?br>function GetObj(id){
return document.getElementById(id)
}
// 鼠标q入该区域的时候调用的事g
// r.text为列表的昄?/p>
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'>q输q部q输q部q输q部q输q部q输q部q输q部q输q部</option>
<option value='1001'>车辆N?lt;/option>
<option value='1002'>车辆修理?lt;/option>
<option value='1003'>船艇机电?lt;/option>
<option value='1004'>Ҏ?lt;/option>
<option value='1005'>我自?lt;/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'>q输q部q输q部q输q部q输q部q输q部q输q部q输q部</option>
<option value='1001'>车辆N?lt;/option>
<option value='1002'>车辆修理?lt;/option>
<option value='1003'>船艇机电?lt;/option>
<option value='1004'>Ҏ?lt;/option>
<option value='1005'>我自?lt;/option>
</select>
<br><br><br><br>
<input type="hidden" name="realValue" value="">
<input type="button" value=" 点击提交 " onClick="clickForSubmit();">
</form>
</table>
</body>
</html>
//select下拉框的onkeypress事gQ修改下拉框的?br>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事gQ保存下拉框原来的?br>function catch_focus(sel) {
oldText = sel.options[sel.selectedIndex].value;
oldValue = sel.options[sel.selectedIndex].value;
}
//恢复select下拉列表当前选中的?br>function LoadSelect(obj,value)
{
for (var i=0; i< obj.options.length; i++)
if (obj.options[i].value == value)
{
obj.selectedIndex = i;
break;
}
}
//select 选择框鼠标上UL提示选择的内?br>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 选择框鼠标移开时消?br>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 加一个提C和输入方?lt;/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>
=============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>L?正在处理... </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===================
// promos + links
prmo = new Array();
link = new Array();
prmo[1]="|页制作学习
link[1]="prmo[2]="动画制作学习
link[2]="//prmo[2]="|页Ҏ
//link[2]="prmo[4]="|页~程学习
link[4]="prmo[0]="书籍教程下蝲
link[0]="prmo[3]="|页素材下蝲
link[3]="//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 ) { var focus_width=280 imgUrl[1]="imgtext[1]="[l图]W?6?我型我塑 " imgUrl[2]="imgtext[2]="实录Q从“三陪女”到“二奶? imgUrl[3]="imgtext[3]="安Q[l图]我爱抱心肝宝? var imgPre=new Array(); if( key==0 ){ }
document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=" document.write('<param name="allowScriptAccess" value="sameDomain" /><param name="movie" value=" document.write('<param name="FlashVars" value="p=' + promos + '&l=' + links + '&t=' + t + '">');
document.write('<embed src=" document.write('</object>');
}
//-->
</SCRIPT>
</DIV></TD></TR></TBODY></TABLE>
2、图片灯片
<a target=_self href="javascript:goUrl()">
<span class="f14b">
<script type="text/javascript">
imgUrl1="imgtext1="有线一拖三(温馨?"
imgLink1=escape("imgUrl2="imgtext2="456"
imgLink2=escape("imgUrl3="imgtext3="789"
imgLink3=escape("imgUrl4="imgtext4="234"
imgLink4=escape("imgUrl5="imgtext5="567"
imgLink5=escape("
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=" document.write('<param name="allowScriptAccess" value="sameDomain"><param name="movie" value=" 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=" </script>
</span></a><span id=focustext class=f14b> </span>
3、文?囄qȝ?/font>
<SCRIPT LANGUAGE=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var imgtext=new Array();
var imgsumm=new Array();
var adNum=0;
imgLink[1]="imgsumm[1]=" 摩羯座的猫猫是个安静的女孩,面对镜头L略带ӆ?;
imgLink[2]="imgsumm[2]=" “二奶”的日子是快乐的Q但后遗症却是最q痛…?;
imgLink[3]="imgsumm[3]=" 我们已经不再满于中规中?四角形模L抱枕...";
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;
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>
]]>
2. <body onselectstart="return false"> 取消选取、防止复?/p>
3. onpaste="return false" 不准_脓
4. oncopy="return false;" oncut="return false;" 防止复制
5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图?/p>
6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显C出你的图标
7. <input style="ime-mode:disabled"> 关闭输入?/p>
8. 永远都会带着框架
<script language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网?br />// --></script>
9. 防止被hframe
<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
10. |页不能被另存?br /><noscript><iframe src="/blog/*.html>";</iframe></noscript>
11. <input type=button value=查看|页源代?
onclick="window.location = "view-source:"+ "http://www.williamlong.info"">
12.删除时确?br /><a href="javascript:if(confirm("实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a>
13. 取得控g的绝对位|?br />//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,"得到控g的位|?
end function
--></script>
14. 光标是停在文本框文字的最?br /><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. 最化、最大化、关闭窗?br /><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. |页不会被缓?br /><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">
或?lt;META HTTP-EQUIV="expires" CONTENT="0">
19.怎样让表单没有凹凸感Q?br /><input type=text style="border:1 solid #000000">
?br /><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>用来定义同一行内的元素,?lt;div>的唯一区别是不产生转行
<layer>是ns的标讎ͼie不支持,相当?lt;div>
21.让弹出窗口L在最上面:
<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.怎样L囄链接点击后,囄周围的虚U?
<a href="#" onFocus="this.blur()"><img src="/blog/logo.jpg" border=0></a>
24.电子邮g处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
<input type=submit>
</form>
25.在打开的子H口h父窗口的代码里如何写Q?br />window.opener.location.reload()
26.如何讑֮打开面的大?br /><body onload="top.resizeTo(300,200);">
打开面的位|?lt;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. 查一D字W串是否全由数字l成
<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. 怎么判断是否是字W?br />if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");
31.TEXTAREA自适应文字行数的多?br /><textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">
</textarea>
32. 日期减去天数{于W二个日?br /><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() + "q? + (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键可以让光标Ud下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9">
36. 某个网站的链接速度Q?br />把如下代码加?lt;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/试?.....>" =?lt;input type=text
name=url"+i+" size=40> =?lt;input type=button value=GO
onclick=window.open(this.form.url"+i+".value)><br>")
document.write("<input type=submit value=h></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. 各种样式的光?br />auto Q标准光?br />default Q标准箭?br />hand Q手形光?br />wait Q等待光?br />text QI形光?br />vertical-text Q水qI形光?br />no-drop Q不可拖动光?br />not-allowed Q无效光?br />help Q?帮助光标
all-scroll Q三角方向标
move Q移动标
crosshair Q十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize
38.面q入和退出的Ҏ
q入面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
q个是页面被载入和调出时的一些特效。duration表示Ҏ的持l时_以秒为单位。transition表示使用哪种ҎQ取gؓ1-23:
0 矩Ş~小
1 矩Ş扩大
2 圆Ş~小
3 圆Ş扩大
4 下到上刷?
5 上到下刷?br /> 6 左到叛_?
7 叛_左刷?
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 Ҏ?
13 左右C间刷?
14 中间到左叛_?br /> 15 中间C?br /> 16 上下C?
17 右下到左?br /> 18 右上到左?
19 左上到右?
20 左下到右?br /> 21 横条
22 竖条
23 以上22U随机选择一U?/p>
39.在规定时间内跌{
<META http-equiv=V="REFRESH" content="5;URL=http://www.williamlong.info">
40.|页是否被检?br /><meta name="ROBOTS" content="属性?>
其中属性值有以下一?
属性gؓ"all": 文g被索,且页上链接可被查询;
属性gؓ"none": 文g不被索,而且不查询页上的链接Q?br /> 属性gؓ"index": 文g被索;
属性gؓ"follow": 查询上的链接;
属性gؓ"noindex": 文g不检索,但可被查询链接;
属性gؓ"nofollow": 文g不被索,但可查询上的链接?/p>
最大化H口Q?br /><script language="JavaScript">
<!--
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
//-->
</script>
解决问题Q由于层与下拉框之间的优先是:下拉?> 层,因此在显C的时候,会因Z先的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来讄Q解军_法就是:l层中放一个优先比下拉框更高的元素(iframeQ,从而解x问题Q具体解决代码如下:
<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)">
没回{的题数Q?lt;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>
d?
<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)">
l ?
<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=查看l果 name="button">
<input type="reset" name="Submit" value="重做">
</div>
注意Q修?lt;body>?lt;body onload="max.Click()">即ؓ打开最?/p>
化窗口,而如果改?lt;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>
面自动hQ说明)
当你做网|Q是不是有的时候想让你的网自动不停刷斎ͼ或者过一D|间自动蟩转到另外一个你自己讑֮的页面?其实实现q个效果非常地简单,而且q个效果甚至不能UC为特效。你只要把如下代码加入你的网中可以了?/p>
1Q页面自动刷斎ͼ把如下代码加?lt;head>区域?lt;meta http-equiv="refresh" content="20">,其中20指每?0U刷Cơ页?
2Q页面自动蟩转:把如下代码加?lt;head>区域?lt;meta http-equiv="refresh" content="20;url=http://www.williamlong.info">,其中20指隔20U后跌{?a href="">http://www.williamlong.info面?
面自动关闭
5000是指旉<body onLoad="setTimeout(window.close, 5000)">
弹出H口自动关闭
10U后弹出H口自动关闭
注意Q在新的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>注意Q这D代码是在新建文件中?br /><script language="JavaScript">
function closeit()
</script>
q个可不?lt;iframe>(引用Q呀。是直接调用的。以下代码加?lt;body>区域
<object type="text/x-scriptlet" width="800" height="1000" data="../index.htm">
</object>
?lt;TD>中加入这个就行了,500px代表的是多宽之后换行,你可以根据自q需要来填写.
========================
最q用JSP做新d布时发现Q用rs.getString()获得的字W串里面I格和换行都表现不出来,
先分析原因,我用的是Mysql数据库,新闻内容采用的是TextcdQ查看数据库中上传的新闻发现里面换行和空格都能表现出来,q就说明Q肯定是用Rs.getstring时显C的问题Q先查看了Java.sql.*的Api想用别的GetҎQ试了几个结果都不行Q?/p>
|上也有q样cM的问题,但大多是在Servlet里面或者Bean里面专门的做一个函数解决的Q我觉得q样做很复杂
最后终于找C的解x法,在调用Rs.getstring的页面里面的表格中加入style="word-break:break-all"
q用<pre>rs.getString()<>标签来显C就解决了换行的问题。其?lt;pre></pre>q句话一定不能少Q在表格里面加入style="word-break:break-all"用来防止一长串英文字符撑开表格
注意Q表格的样式应设|如下内容:
table-layout:fixed;word-wrap:break-word;word-break:break-all;
TD则应讄如下样式Q?br /> text-overflow:ellipsis;overflow:hidden;white-space: nowrap;
当然Q你可以把这些样式放到样式表里面厅R?br />
2、在HTML面中显C分敎ͼ可用如下格式Q?br />½
¾
⅓
===============================================
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("提示Q请查一下您输入〖市Zh〗是否ؓ数字?");
document.all["marketPrice"].focus();
return false;
}
if(document.all["hotelUserName"].value.length<2)
{
alert("提示Q请输入正确的〖酒店用户名〗!");
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("提示Q输入的〖邮件地址〗无效!");
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("提示Q〖邮政编码〗必L6个数?);
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("提示Q上传的〖客房图片〗格式不正确Q?);
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、一D实现checkbox 单选的代码
一l名U相同的checkbox 但只能选择一个,或者取消选择?br />把本函数铑ֈ选择框的onclick 事g上。onClick="ChangeSelect(this)"?br /> 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、怎样查找一个网站有多少|页登陆搜烦引擎
搜烦内容如下?br />site:qh663.512j.com
4、网背景音乐代码详?br />|页背景音乐代码Q?br />这D代码插入到您的<head></head>之间
当您打开|站时即可听到背景音乐:
<bgsound src=china.mid loop="-1">
q种当网|化之后Q音乐会消失
|页背景音乐的代码:
<embed src="1.mid表示x文g
<embed src="1.swf" quality=high pluginspage="上面的网背景音乐代码可以加入FLASH动画的绝对地址Q或相对地址Q?br /><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">
指定播放器的大小Qwidth、heighQ、是否自动(autostart标记Q、是否@环播放(loop标记Q,而浏览者则可以自主地决定是否播N乐?br />此代码可以当作网中插入FLASH动画的代码用。只要把1.mid替换为FLASH动画的相对地址或决对地址OK了?br /><embed src="1.mp3" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
此代码可以加mp3形式的音乐ؓ|页背景音乐
<EMBED src="1.mid表示x文g
<bgsound src="1.mid" loop=3>
表示?.midx文g插入到页面ؓ背景音乐Qƈ循环播放3ơ?br /><embed src="1.mid" hidden="true">
1.mid表示x文g
<bgsound src="1.mid" loop="infinte">
1.mid表示x文g
<embed src="1.mid" hidden="true" loop="true">
1.mid表示x文g
<bgsound src=1.mid loop="-1">
1.mid表示x文g
5、鼠标移动表D变色
<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、防止表格撑?br /><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>?一 ??捗準 ???a?p?i。本 p?i??????????J????、應 ??????????a?a?的,???????能。為 ????????境,?????p?i?????q、多 ?a {???????Q同 ????????H??面,??????????????法。本 p?i??</td>
</tr>
</table>
fdsf
</td>
</tr>
</table>
7、全选反选表?br /><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>
写英文Q?lt;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]*$/,