學習 學習 再學習
          
				
          學習才是唯一的出路
          
			          		
		
          
	
          

          

          
	
          
		
          
			
 
BlogJava ::
首頁 ::
新隨筆 ::
聯系 ::
聚合
 ::
管理 ::


			
			
				

          
	
          
		
          
			
			
			
				 
				31 
				隨筆 ::
				1 文章
				::
				8 評論
				::
				0 Trackbacks
			
		
          
	
          

          

			          		
		
          
	
          

          


          


          
	
					

          
	
	
	
          
		3.7 復選框的全選，多選，全不選，反選
          
<form name=hrong>
          
<input type=checkbox name=All onclick="checkAll('mm')">全選<br/>
          
<input type=checkbox name=mm onclick="checkItem('All')"><br/>
          
<input type=checkbox name=mm onclick="checkItem('All')"><br/>
          
<input type=checkbox name=mm onclick="checkItem('All')"><br/>
          
<input type=checkbox name=mm onclick="checkItem('All')"><br/>
          
<input type=checkbox name=mm onclick="checkItem('All')"><br/><br/>
          

          

          
<input type=checkbox name=All2 onclick="checkAll('mm2')">全選<br/>
          
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
          
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
          
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
          
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
          
<input type=checkbox name=mm2 onclick="checkItem('All2')"><br/>
          

          
</form>
          

          
<SCRIPT LANGUAGE="JavaScript">
          
function checkAll(str)
          
{
          
   var a = document.getElementsByName(str);
          
   var n = a.length;
          
   for (var i=0; i<n; i++)
          
   a[i].checked = window.event.srcElement.checked;
          
}
          
function checkItem(str)
          
{
          
   var e = window.event.srcElement;
          
   var all = eval("document.hrong."+ str);
          
   if (e.checked)
          
   {
          
     var a = document.getElementsByName(e.name);
          
     all.checked = true;
          
     for (var i=0; i<a.length; i++)
          
     {
          
       if (!a[i].checked){ all.checked = false; break;}
          
     }
          
   }
          
   else all.checked = false;
          
}
          
</SCRIPT>
          

          
3.8 文件上傳過程中判斷文件類型
          
<input type=file onchange="alert(this.value.match(/^(.*)(\.)(.{1,8})$/)[3])">
          

          
畫圖:
          
<OBJECT 
          
id=S 
          
style="LEFT: 0px; WIDTH: 392px; TOP: 0px; HEIGHT: 240px" 
          
height=240 
          
width=392 
          
classid="clsid:369303C2-D7AC-11D0-89D5-00A0C90833E6">
          
</OBJECT>
          
<SCRIPT>
          
S.DrawingSurface.ArcDegrees(0,0,0,30,50,60);
          
S.DrawingSurface.ArcRadians(30,0,0,30,50,60);
          
S.DrawingSurface.Line(10,10,100,100);
          
</SCRIPT>
          

          
寫注冊表：
          
<SCRIPT>
          
var WshShell = WScript.CreateObject("WScript.Shell");
          
WshShell.RegWrite ("HKCU\\Software\\ACME\\FortuneTeller\\", 1, "REG_BINARY");
          
WshShell.RegWrite ("HKCU\\Software\\ACME\\FortuneTeller\\MindReader", "Goocher!", "REG_SZ");
          
var bKey =     WshShell.RegRead ("HKCU\\Software\\ACME\\FortuneTeller\\");
          
WScript.Echo (WshShell.RegRead ("HKCU\\Software\\ACME\\FortuneTeller\\MindReader"));
          
WshShell.RegDelete ("HKCU\\Software\\ACME\\FortuneTeller\\MindReader");
          
WshShell.RegDelete ("HKCU\\Software\\ACME\\FortuneTeller\\");
          
WshShell.RegDelete ("HKCU\\Software\\ACME\\");
          
</SCRIPT>
          

          
TABLAE相關(客戶端動態增加行列）
          
<HTML>
          
<SCRIPT LANGUAGE="JScript">
          
function numberCells() {
          
     var count=0;
          
     for (i=0; i < document.all.mytable.rows.length; i++) {
          
         for (j=0; j < document.all.mytable.rows(i).cells.length; j++) {
          
             document.all.mytable.rows(i).cells(j).innerText = count;
          
             count++;
          
         }
          
     }
          
}
          
</SCRIPT>
          
<BODY onload="numberCells()">
          
<TABLE id=mytable border=1>
          
<TR><TH> </TH><TH> </TH><TH> </TH><TH> </TH></TR>
          
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
          
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
          
</TABLE>
          
</BODY>
          
</HTML> 
          

          
１．身份證嚴格驗證：
          

          
<script>
          
var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"內蒙古",21:"遼寧",22:"吉林",23:"黑龍江",31:"上海",32:"江蘇",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山東",41:"河南",42:"湖北",43:"湖南",44:"廣東",45:"廣西",46:"海南",50:"重慶",51:"四川",52:"貴州",53:"云南",54:"西藏",61:"陜西",62:"甘肅",63:"青海",64:"寧夏",65:"新疆",71:"臺灣",81:"香港",82:"澳門",91:"國外"}
          
  
          
function cidInfo(sId){
          
var iSum=0
          
var info=""
          
if(!/^\d{17}(\d|x)$/i.test(sId))return false;
          
sId=sId.replace(/x$/i,"a");
          
if(aCity[parseInt(sId.substr(0,2))]==null)return "Error:非法地區";
          
sBirthday=sId.substr(6,4)+"-"+Number(sId.substr(10,2))+"-"+Number(sId.substr(12,2));
          
var d=new Date(sBirthday.replace(/-/g,"/"))
          
if(sBirthday!=(d.getFullYear()+"-"+ (d.getMonth()+1) + "-" + d.getDate()))return "Error:非法生日";
          
for(var i = 17;i>=0;i --) iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 - i),11)
          
if(iSum%11!=1)return "Error:非法證號";
          
return aCity[parseInt(sId.substr(0,2))]+","+sBirthday+","+(sId.substr(16,1)%2?"男":"女")
          
}
          

          
document.write(cidInfo("380524198002300016"),"<br/>");
          
document.write(cidInfo("340524198002300019"),"<br/>")
          
document.write(cidInfo("340524197711111111"),"<br/>")
          
document.write(cidInfo("34052419800101001x"),"<br/>");
          
</script>
          

          
２．驗證ＩＰ地址
          
<SCRIPT LANGUAGE="JavaScript">
          
function isip(s){
          
var check=function(v){try{return (v<=255 && v>=0)}catch(x){return false}};
          
var re=s.split(".")
          
return (re.length==4)?(check(re[0]) && check(re[1]) && check(re[2]) && check(re[3])):false
          
}
          

          
var s="202.197.78.129";
          
alert(isip(s))
          
</SCRIPT>
          

          

          

          
３．加sp1后還能用的無邊框窗口??！
          
<HTML XMLNS:IE>
          
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
          
<IE:Download ID="include" STYLE="behavior:url(#default#download)" />
          
<title>Chromeless Window</title>
          

          
<SCRIPT LANGUAGE="JScript">
          
/*--- Special Thanks For andot ---*/
          

          
/*
          
This following code are designed and writen by Windy_sk <seasonx@163.net>
          
You can use it freely, but u must held all the copyright items!
          
*/
          

          
/*--- Thanks For andot Again ---*/
          

          
var CW_width = 400;
          
var CW_height = 300;
          
var CW_top = 100;
          
var CW_left = 100;
          
var CW_url = "/";
          
var New_CW = window.createPopup();
          
var CW_Body = New_CW.document.body;
          
var content = "";
          
var CSStext = "margin:1px;color:black; border:2px outset;border-style:e­xpression(onmouseout=onmouseup=function(){this.style.borderStyle='outset'}, onmousedown=function(){if(event.button!=2)this.style.borderStyle='inset'});background-color:buttonface;width:16px;height:14px;font-size:12px;line-height:11px;cursor:Default;";
          

          
//Build Window
          
include.startDownload(CW_url, function(source){content=source});
          

          
function insert_content(){
          
var temp = "";
          
CW_Body.style.overflow   = "hidden";
          
CW_Body.style.backgroundColor = "white";
          
CW_Body.style.border   =   "solid black 1px";
          
content = content.replace(/<a ([^>]*)>/g,"<a onclick='parent.open(this.href);return false' $1>");
          
temp += "<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>";
          
temp += "<tr style=';font-size:12px;background:#0099CC;height:20;cursor:default' ondblclick=\"Max.innerText=Max.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();\" onmouseup='parent.drag_up(event)' onmousemove='parent.drag_move(event)' onmousedown='parent.drag_down(event)' onselectstart='return false' oncontextmenu='return false'>";
          
temp += "<td style='color:#ffffff;padding-left:5px'>Chromeless Window For IE6 SP1</td>";
          
temp += "<td style='color:#ffffff;padding-right:5px;' align=right>";
          
temp += "<span id=Help   onclick=\"alert('Chromeless Window For IE6 SP1   -   Ver 1.0\\n\\nCode By Windy_sk\\n\\nSpecial Thanks For andot')\" style=\""+CSStext+"font-family:System;padding-right:2px;\">?</span>";
          
temp += "<span id=Min   onclick='parent.New_CW.hide();parent.blur()' style=\""+CSStext+"font-family:Webdings;\" title='Minimum'>0</span>";
          
temp += "<span id=Max   onclick=\"this.innerText=this.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();\" style=\""+CSStext+"font-family:Webdings;\" title='Maximum'>1</span>";
          
temp += "<span id=Close onclick='parent.opener=null;parent.close()' style=\""+CSStext+"font-family:System;padding-right:2px;\" title='Close'>x</span>";
          
temp += "</td></tr><tr><td colspan=2>";
          
temp += "<div id=include style='overflow:scroll;overflow-x:hidden;overflow-y:auto; HEIGHT: 100%; width:"+CW_width+"'>";
          
temp += content;
          
temp += "</div>";
          
temp += "</td></tr></table>";
          
CW_Body.innerHTML = temp;
          
}
          

          
setTimeout("insert_content()",1000);
          

          
var if_max = true;
          
function show_CW(){
          
window.moveTo(10000, 10000);
          
if(if_max){
          
   New_CW.show(CW_top, CW_left, CW_width, CW_height);
          
   if(typeof(New_CW.document.all.include)!="undefined"){
          
   New_CW.document.all.include.style.width = CW_width;
          
   New_CW.document.all.Max.innerText = "1";
          
   }
          
  
          
}else{
          
   New_CW.show(0, 0, screen.width, screen.height);
          
   New_CW.document.all.include.style.width = screen.width;
          
}
          
}
          

          
window.onfocus   = show_CW;
          
window.onresize = show_CW;
          

          
// Move Window
          
var drag_x,drag_y,draging=false
          

          
function drag_move(e){
          
if (draging){
          
   New_CW.show(e.screenX-drag_x, e.screenY-drag_y, CW_width, CW_height);
          
   return false;
          
}
          
}
          

          
function drag_down(e){
          
if(e.button==2)return;
          
if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height)return;
          
drag_x=e.clientX;
          
drag_y=e.clientY;
          
draging=true;
          
e.srcElement.setCapture();
          
}
          

          
function drag_up(e){
          
draging=false;
          
e.srcElement.releaseCapture();
          
if(New_CW.document.body.offsetWidth==screen.width && New_CW.document.body.offsetHeight==screen.height) return;
          
CW_top   = e.screenX-drag_x;
          
CW_left = e.screenY-drag_y;
          
}
          

          
</SCRIPT>
          
</HTML>
          

          
電話號碼的驗證
          

          
要求：
          
　　(1)電話號碼由數字、"("、")"和"-"構成
          
　　(2)電話號碼為3到8位
          
　　(3)如果電話號碼中包含有區號，那么區號為三位或四位
          
　　(4)區號用"("、")"或"-"和其他部分隔開
          
　　(5)移動電話號碼為11或12位，如果為12位,那么第一位為0
          
　　(6)11位移動電話號碼的第一位和第二位為"13"
          
　　(7)12位移動電話號碼的第二位和第三位為"13"
          
　　根據這幾條規則，可以與出以下正則表達式：
          
　　(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)
          

          

          
<script language="javascript">
          
function PhoneCheck(s) {
          
var str=s;
          
var reg=/(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/
          
alert(reg.test(str));
          
}
          
</script>
          
<input type=text name="iphone">
          
<input type=button onclick="PhoneCheck(document.all.iphone.value)" value="Check">
          

          
具有在輸入非數字字符不回顯的效果，即對非數字字符的輸入不作反應。
          
function numbersonly(field,event){
          
var key,keychar;
          
if(window.event){
          
   key = window.event.keyCode;
          
}
          
else if (event){
          
   key = event.which;
          
}
          
else{
          
   return true
          
}
          
keychar = String.fromCharCode(key);
          
if((key == null)||(key == 0)||(key == 8)||(key == 9)||(key == 13)||(key == 27)){
          
   return true;
          
}
          
else if(("0123456789.").indexOf(keychar)>-1){
          
   window.status = "";
          
   return true;
          
}
          
else {
          
   window.status = "Field excepts numbers only";
          
   return false;
          
}
          
}
          

          
驗證ip 
          

          
str=document.RegExpDemo.txtIP.value;
          
if(/^(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})$/.test(str)==false)
          
{
          
window.alert('錯誤的IP地址格式');
          
document.RegExpDemo.txtIP.select();
          
document.RegExpDemo.txtIP.focus();
          
return;
          
}
          
if(RegExp.$1<1 || RegExp.$1>254||RegExp.$2<0||RegExp.$2>254||RegExp.$3<0||RegExp.$3>254||RegExp.$4<1||RegExp.$4>254)
          
{
          
window.alert('錯誤的IP地址');
          
document.RegExpDemo.txtIP.select();
          
document.RegExpDemo.txtIP.focus();
          
return;
          
}
          
//剔除 如   010.020.020.03 前面 的0 
          
var str=str.replace(/0(\d)/g,"$1");
          
str=str.replace(/0(\d)/g,"$1");
          
window.alert(str);
          

          

          

          
//一下是取數據的類
          
//Obj參數指定數據的來源(限定Table),默認第一行為字段名稱行
          
//GetTableData類提供MoveNext方法,參數是表的行向上或向下移動的位數,正數向下移動,負數向上.
          
//GetFieldData方法獲得指定的列名的數據
          
//Sort_desc方法對指定的列按降序排列
          
//Sort_asc方法對指定的列按升序排列
          
//GetData方法返回字段值為特定值的數據數組,提供數據,可以在外部進行其他處理
          
//Delete方法刪除當前記錄,數組減少一行
          
//初始化,Obj:table的名字,Leftlen:左面多余數據長度,Rightlen:右面多余數據長度,
          
function GetTableData(Obj,LeftLen,RightLen){
          
var MyObj=document.all(Obj);
          
var iRow=MyObj.rows.length;
          
var iLen=MyObj.rows[0].cells.length;
          
var i,j;
          

          
TableData=new Array();
          
   for (i=0;i< iRow;i++){
          
   TableData[i]=new Array();
          
   for (j=0;j<iLen;j++){
          
   TableStr=MyObj.rows(i).cells(j).innerText;
          
   TableStr=TableStr.substring(LeftLen, TableStr.length-RightLen).Trim();
          
   TableStr=TableStr.replace(/ /gi,"").replace(/\r\n/ig,"");
          
   TableData[i][j]=TableStr;
          
   }
          
   }
          
  
          
   this.TableData=TableData; 
          
   this.cols=this.TableData[0].length;
          
   this.rows=this.TableData.length;
          
   this.rowindex=0;
          
}
          

          

          
function movenext(Step){
          
if (this.rowindex>=this.rows){
          
return
          
}
          

          
if (Step=="" || typeof(Step)=="undefined") {
          
if (this.rowindex<this.rows-1)
          
this.rowindex++;
          
return;
          

          
}
          
else{
          
   if (this.rowindex + Step<=this.rows-1 && this.rowindex + Step>=0 ){
          
   this.rowindex=this.rowindex + Step;
          
   }
          
   else
          
   {
          
   if (this.rowindex + Step<0){
          
   this.rowindex= 0;
          
   return;
          
   }
          
   if (this.rowindex + Step>this.rows-1){
          
   this.rowindex= this.rows-1;
          
   return;
          
   }
          
   }
          
}
          
}
          

          

          
function getfielddata(Field){
          
var colindex=-1;
          
var i=0;
          
if (typeof(Field) == "number"){
          
   colindex=Field;
          
   }
          
else
          
{
          
for (i=0;i<this.cols && this.rowindex<this.rows ;i++){
          
   if (this.TableData[0][i]==Field){
          
   colindex=i;
          
   break;
          
   }  
          
   }
          
}
          
   if (colindex!=-1) {
          
   return this.TableData[this.rowindex][colindex];
          
   }
          

          
}
          

          

          

          
function sort_desc(){//降序
          
var colindex=-1;
          
var highindex=-1;
          
desc_array=new Array();
          
var i,j;
          
for (n=0; n<arguments.length; n++){
          
Field=arguments[arguments.length-1-n];
          
for (i=0;i<this.cols;i++){
          
   if (this.TableData[0][i]==Field){
          
   colindex=i;
          
   break;
          
   }  
          
}
          
   if ( colindex==-1 )
          
   return;
          
   else
          
   {
          
   desc_array[0]=this.TableData[0];
          
   for(i=1;i<this.rows;i++){
          
   desc_array[i]=this.TableData[1];
          
   highindex=1;
          
   for(j=1;j<this.TableData.length;j++){
          
       if   (desc_array[i][colindex]<this.TableData[j][colindex]){ 
          
       desc_array[i]=this.TableData[j];   
          
       highindex=j;
          
     }
          
    
          
   }
          
     if (highindex!=-1)
          
     this.TableData=this.TableData.slice(0,highindex).concat(this.TableData.slice(highindex+1,this.TableData.length));                      
          
   }
          
}
          

          

          
this.TableData=desc_array;
          
}
          
return;
          
}
          

          

          

          
function sort_asc(){//升序
          
var colindex=-1;
          
var highindex=-1;
          
var i,j;
          
for (n=0; n<arguments.length; n++){
          
   asc_array=new Array();
          
   Field=arguments[arguments.length-1-n];
          
   for (i=0;i<this.cols;i++){
          
     if (this.TableData[0][i]==Field){
          
     colindex=i;
          
     break;
          
     }  
          
   }
          
   if ( colindex==-1 )
          
     return;
          
   else
          
     {
          
     asc_array[0]=this.TableData[0];
          
     for(i=1;i<this.rows;i++){
          
     asc_array[i]=this.TableData[1];
          
     highindex=1;
          
       for(j=1;j<this.TableData.length;j++){//找出最小的列值
          
         if   (asc_array[i][colindex]>this.TableData[j][colindex]){ 
          
         asc_array[i]=this.TableData[j];   
          
         highindex=j;
          
          
          
         }
          
          
          
       }
          
         if (highindex!=-1)
          
         this.TableData=this.TableData.slice(0,highindex).concat(this.TableData.slice(highindex+1,this.TableData.length));                      
          
         
          
       }
          
     }
          

          

          
     this.TableData=asc_array;
          
}
          
return;
          
}
          

          

          

          
function getData(Field,FieldValue){
          
var colindex=-1;
          
var i,j;
          

          
GetData=new Array();
          
   if (typeof(Field)=="undefined" || typeof(FieldValue)=="undefined" ){
          
   return this.TableData;
          
   }
          
  
          
   for(j=0;j<this.cols;j++){
          
       if   (this.TableData[0][j]==Field){
          
     colindex=j;
          
     }
          
   }
          
   if (colindex!=-1){
          
   
          
   for(i=1;i<this.rows;i++){
          
       if   (this.TableData[i][colindex]==FieldValue){
          
     GetData[i]=new Array();
          
     GetData[i]=this.TableData[i]; 
          
     }
          
   }
          
   }
          
   return GetData;
          
}
          
function Delete(){
          
this.TableData=this.TableData.slice(0,this.rowindex).concat(this.TableData.slice(this.rowindex+1,this.TableData.length));                      
          
this.rows=this.TableData.length;
          
return;
          
}
          
function updateField(Field,FieldValue){
          
var colindex=-1;
          
var i=0;
          
if (typeof(Field) == "number"){
          
   colindex=Field;
          
   }
          
else
          
{
          
for (i=0;i<this.cols && this.rowindex<this.rows ;i++){
          
   if (this.TableData[0][i]==Field){
          
   colindex=i;
          
   break;
          
   }  
          
   }
          
}
          
if (colindex!=-1) {
          
   this.TableData[this.rowindex][colindex]=FieldValue;
          
   }
          

          

          
}
          
function movefirst(){
          
this.rowindex=0;
          
}
          
function movelast(){
          
this.rowindex=this.rows-1;
          
}
          
function String.prototype.Trim() {return this.replace(/(^\s*)|(\s*$)/g,"");}
          
GetTableData.prototype.MoveNext = movenext;
          
GetTableData.prototype.GetFieldData = getfielddata;
          
GetTableData.prototype.Sort_asc = sort_asc;
          
GetTableData.prototype.Sort_desc = sort_desc;
          
GetTableData.prototype.GetData = getData;
          
GetTableData.prototype.Delete = Delete;
          
GetTableData.prototype.UpdateField = updateField;
          
GetTableData.prototype.MoveFirst = movefirst;
          

          
具體的例子：http://202.119.73.208/NetEAn/com/test/jsprint.htm
          

          
在每個文本框的onblur事件中調用校驗代碼,并且每個文本框中onKeyDown事件中寫一個enter轉tab函數
          

          
//回車鍵換為tab
          
function enterToTab()
          
{
          
     if(event.srcElement.type != 'button' && event.srcElement.type != 'textarea'
          
       && event.keyCode == 13)
          
     {
          
         event.keyCode = 9;
          
     }
          
}
          

          
有時候還需要自由編輯表格---
          
給大家一個自由編輯表格的小例子,寫的有點亂,呵呵:）
          

          
//===============================start================================
          

          

          
<HTML>
          
<HEAD>
          
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
          
<TITLE>測試修改表格</TITLE>
          
<STYLE>
          
/*提示層的樣式*/
          
div
          
{
          
   BORDER-RIGHT: #80c144 1px solid;
          
   BORDER-TOP: #80c144 1px solid;
          
   VISIBILITY: hidden;
          
   BORDER-LEFT: #80c144 1px solid;
          
   CURSOR: default;
          
   LINE-HEIGHT: 20px;
          
   BORDER-BOTTOM: #80c144 1px solid;
          
   FONT-FAMILY: 宋體;
          
   font-size:12px;
          
   POSITION: absolute;
          
   BACKGROUND-COLOR: #f6f6f6;
          
   TOP:30px;
          
   LEFT:30px;
          
}
          
/*tr的樣式*/
          
tr
          
{
          
     font-family: "宋體";
          
     color: #000000;
          
     background-color: #C1DBF5;
          
     font-size: 12px
          
}
          
/*table腳注樣式*/
          
.TrFoot
          
{
          
     FONT-SIZE: 12px;
          
     font-family:"宋體", "Verdana", "Arial";
          
     BACKGROUND-COLOR: #6699CC;
          
     COLOR:#FFFFFF;
          
     height: 25;
          
}
          
/*trhead屬性*/
          
.TrHead
          
{
          
     FONT-SIZE: 13px;
          
     font-family:"宋體", "Verdana", "Arial";
          
     BACKGROUND-COLOR: #77AADD;
          
     COLOR:#FFFFFF;
          
     height: 25;
          
}
          
/*文本框樣式*/
          
INPUT
          
{
          
     BORDER-COLOR: #AACEF7 #AACEF7 #AACEF7 #AACEF7;
          
     BORDER-RIGHT: 1px solid;
          
     BORDER-TOP: 1px solid;
          
     BORDER-LEFT: 1px solid;
          
     BORDER-BOTTOM: 1px solid;
          
     FONT-SIZE: 12px;
          
     FONT-FAMILY: "宋體","Verdana";
          
     color: #000000;
          
     BACKGROUND-COLOR: #E9EFF5;
          
}
          
/*button樣式*/
          
button
          
{
          
     BORDER-COLOR: #AACEF7 #AACEF7 #AACEF7 #AACEF7;
          
     BACKGROUND-COLOR: #D5E4F3;
          
     CURSOR: hand;
          
     FONT-SIZE:12px;
          
     BORDER-RIGHT: 1px solid;
          
     BORDER-TOP: 1px solid;
          
     BORDER-LEFT: 1px solid;
          
     BORDER-BOTTOM: 1px solid;
          
     COLOR: #000000;
          
}
          
</STYLE>
          
</HEAD>
          
<BODY>
          
<SCRIPT language = "JavaScript">
          
<!--全局變量
          
//標志位,值為false代表未打開一個編輯框,值為true為已經打開一個編輯框開始編輯
          
var editer_table_cell_tag = false;
          
//開啟編輯功能標志,值為true時為允許編輯
          
var run_edit_flag = false;
          
//-->
          
</SCRIPT>
          

          
<SCRIPT language = "JavaScript">
          
<!--
          
/**
          
* 編輯表格函數
          
* 單擊某個單元格可以對里面的內容進行自由編輯
          
* @para tableID 為要編輯的table的id
          
* @para noEdiID 為不要編輯的td的ID,比如說table的標題
          
* 可以寫為<TD id="no_editer">自由編輯表格</TD>
          
* 此時該td不可編輯
          
*/
          
function editerTableCell(tableId,noEdiId)
          
{
          
var tdObject = event.srcElement;
          
var tObject = ((tdObject.parentNode).parentNode).parentNode;
          
if(tObject.id == tableId &&tdObject.id != noEdiId&&editer_table_cell_tag == false && run_edit_flag == true)
          
{
          
   tdObject.innerHTML = "<input type=text id=edit_table_txt name=edit_table_txt value="+tdObject.innerText+" size='15' onKeyDown='enterToTab()'>   <input type=button value=' 確定 ' onclick='certainEdit()'>";
          
   edit_table_txt.focus();
          
   edit_table_txt.select();
          
   editer_table_cell_tag = true;
          
   //修改按鈕提示信息
          
   editTip.innerText = "請先點確定按鈕確認修改!";  
          
}
          
else
          
{
          
   return false;
          
}
          
}
          

          
/**
          
* 確定修改
          
*/
          
function certainEdit()
          
{
          
var bObject = event.srcElement;
          
var tdObject = bObject.parentNode; 
          
var txtObject = tdObject.firstChild;
          
tdObject.innerHTML = txtObject.value;
          
//代表編輯框已經關閉
          
editer_table_cell_tag = false;
          
//修改按鈕提示信息
          
editTip.innerText = "請單擊某個單元格進行編輯!";
          
}
          

          
function enterToTab()
          
{
          
     if(event.srcElement.type != 'button' && event.srcElement.type != 'textarea'
          
       && event.keyCode == 13)
          
     {
          
         event.keyCode = 9;
          
     }
          
}
          

          
/**
          
* 控制是否編輯
          
*/
          
function editStart()
          
{
          
if(event.srcElement.value == "開始編輯")
          
{
          
   event.srcElement.value = "編輯完成";
          
   run_edit_flag = true;
          
}
          
else
          
{
          
   //如果當前沒有編輯框,則編輯成功,否則,無法提交
          
   //必須按確定按鈕后才能正常提交
          
   if(editer_table_cell_tag == false)
          
   {
          
   alert("編輯成功結束!");
          
   event.srcElement.value = "開始編輯";
          
   run_edit_flag = false;
          
   }
          
}
          
}
          

          
/**
          
* 根據不同的按鈕提供不同的提示信息
          
*/
          
function showTip()
          
{
          
if(event.srcElement.value == "編輯完成")
          
{
          
   editTip.style.top = event.y + 15;
          
   editTip.style.left = event.x + 12;
          
   editTip.style.visibility = "visible";  
          
}
          
else
          
{
          
   editTip.style.visibility = "hidden";   
          
} 
          
}
          
-->
          
</SCRIPT>
          
<TABLE id="editer_table" width="100%" align="center" 
          
     onclick="editerTableCell('editer_table','no_editer')">  
          
     <TR class="TrHead">
          
   <TD colspan="3" align="center" id="no_editer">自由編輯表格</TD>  
          
</TR>
          
<TR>
          
   <TD width="33%">單擊開始編輯按鈕,然后點擊各單元格編輯</TD>
          
   <TD width="33%">2</TD>
          
   <TD width="33%">3</TD>
          
</TR>
          
<TR>
          
   <TD width="33%">4</TD>
          
   <TD width="33%">5</TD>
          
   <TD width="33%">6</TD>
          
</TR>
          
<TR>
          
   <TD width="33%">one</TD>
          
   <TD width="33%">two</TD>
          
   <TD width="33%">three</TD>
          
</TR>
          
<TR>
          
   <TD width="33%">four</TD>
          
   <TD width="33%">five</TD>
          
   <TD width="33%">six</TD>
          
</TR>  
          
     <TR class="TrFoot">
          
   <TD colspan="3" align="center" id="no_editer">
          
   <INPUT type="button" class="bt" value="開始編輯" onClick="editStart()" onMouseOver="showTip()" onMouseMove="showTip()" onMouseOut="editTip.style.visibility = 'hidden';">
          
   </TD>
          
</TR> 
          
</TABLE>
          
</BODY>
          
<DIV id="editTip">請單擊某個單元格進行編輯!</DIV> 
          
</HTML>
          

          
/* 
          
* 功能：表單內容格式檢測
          
* 參數 obj 　　　為表單名稱（ID）
          
*       chktype　 為類型，參照函數內釋
          
*/
          
function chk(obj, chktype){
          
switch(chktype){
          
   case 1://判斷是否為空
          
   if(obj.value == ""){
          
     alert("請輸入必要的字符。");
          
     obj.focus();
          
     obj.onselect();
          
   }
          
   break;
          
   case 2://判斷是否為數字
          
   var reg = /^\d+(\.\d+)?$/;
          
   if(!reg.test(obj.value)){
          
     alert("請輸入數字。");
          
     obj.focus();
          
     obj.select();
          
   }
          
   break;
          
   case 3://判斷是否為用戶名格式
          
   var reg = /^[^\d\-_][\w\-]*[^\-_]$/;
          
   if(!reg.test(obj.value)){
          
     alert("請輸入正確的格式。");
          
     obj.focus();
          
     obj.select();
          
   }
          
   break;
          
   case 4://判斷是否為漢字
          
   var reg = /^[\u4E00-\u9FA5]*$/;
          
   if(!reg.test(obj.value)){
          
     alert("你輸入的不全是漢字。");
          
     obj.focus();
          
     obj.select();
          
   }
          
   break;
          
   case 5://判斷是否為郵箱格式
          
   var reg = /^[^\d\-_][\w\-]*[^\-_]@[^\-][a-zA-Z\d\-]*[^\-](\.[^\-][a-zA-Z\d\-]*[^\-])*\.[a-zA-Z]{3}(\.[a-zA-Z]{2})?$/;
          
   if(!reg.test(obj.value)){
          
     alert("你輸入正確的郵箱格式。");
          
     obj.focus();
          
     obj.select();
          
   }
          
   break;
          
   case 6://判斷是否為合法日期格式
          
   var reg = /^(19|20)\d\d\-(0|1)\d\-(0|1|2|3)\d$/;
          
   if(!reg.test(obj.value)){
          
     alert("你輸入正確的日期格式。");
          
     obj.focus();
          
     obj.select();
          
   }
          
   break;
          
}
          
}
          

          

          

          
Abs(number)
          

          
返回絕對值。
          

          
Array(arglist)
          

          
創建一個數組。
          

          
Asc(string)
          

          
返回字符串第一個字符的ANSI碼。
          

          
Atn(number)
          

          
返回反正弦值。
          

          
CBool (e­xpression) 
          

          
轉換成Boolean數據類型變量。
          

          
CByte (e­xpression) 
          

          
轉換成Byte數據類型變量。
          

          
CCur (e­xpression) 
          

          
轉換成Currency數據類型變量。
          

          
CDate (e­xpression) 
          

          
轉換成Date數據類型變量。
          

          
CDbl (e­xpression) 
          

          
轉換成Double數據類型變量。
          

          
Chr(charcode)
          

          
把ANSI 碼轉換成相應的鍵盤字符。
          

          
CInt (e­xpression) 
          

          
轉換成Integer數據類型變量。
          

          
CLng (e­xpression) 
          

          
轉換成Long數據類型變量。
          

          
CreateObject(servername.typename)
          

          
創建一個自動對象。
          

          
CSng (e­xpression) 
          

          
轉換成Single數據類型變量。
          

          
CStr (e­xpression) 
          

          
轉換成String數據類型變量。
          

          
Date
          

          
根據所用的系統返回時間。
          

          
DateAdd(interval,number,date)
          

          
向date對象添加指定的時間間隔。其中參數interval 接受下表所示的值。
          


          J-CN工作室
          www.j-cn.org
	
          
	
	
          
		posted on 2009-10-14 23:10 鐵猴 閱讀(449) 評論(0)  編輯  收藏  所屬分類: JAVASCRIPT 
	
          

          







          
	    
    




          








          

				

          




    







          
        
	




主站蜘蛛池模板：
石家庄市|
双柏县|
太保市|
通海县|
萝北县|
安顺市|
拉萨市|
阿瓦提县|
揭东县|
平度市|
鹤岗市|
博野县|
锡林浩特市|
财经|
灌阳县|
辉县市|
沙雅县|
遂溪县|
兰西县|
呼图壁县|
宝丰县|
鄂伦春自治旗|
左权县|
济阳县|
江达县|
成安县|
枞阳县|
惠东县|
长顺县|
石景山区|
大石桥市|
微山县|
鹤山市|
绥宁县|
察隅县|
镇安县|
自贡市|
威远县|
徐汇区|
平顺县|
岳池县|