javascript常用コード大全(強く推奨)(1)

32448 ワード
JavaScript
モードダイアログを開き、モードダイアログの値を返します.全画面でIEウィンドウのスクリプトを開くには、xml一、認証クラス1、デジタル認証クラス2、時間種別3、フォームクラス4、文字クラス5、ブラウザクラス6、結合クラス6を使用します.
二、機能類1、時間と関連コントロール類2、フォーム類3、印刷類4、イベント類5、ウェブページデザイン類6、ツリー構造.7、フレーム効果のない製作8、フレーム技術9、テキスト並べ替え10、グラフ類、円盤、柱、ベクトルベズ曲線11を含み、クライアントのレジストリ類12、DIV層関連(ドラッグ、表示、非表示、移動、増加)13、TABLAE関連(クライアントダイナミック増設行列、アナログプログレスバー、スクロールリストなど)14、各種object classid=>関連カテゴリプレーヤーのように、flashとスクリプトのインタラクティブなど16、非同期コールクラス(XMLHttpまたはiframe、frame)を更新/シミュレーションしません.
//        
function doSelectUser(txtId) 
{ 

      strFeatures="dialogWidth=500px;dialogHeight=360px;center=yes;middle=yes ;help=no;status=no;scroll=no"; 
      var url,strReturn; 
  
      url="selUser.aspx"; 
        
      strReturn=window.showModalDialog(url,'',strFeatures);   

} 

//          
function okbtn_onclick() 
{ 
var commstr='';          
      
window.returnValue=commstr; 

      window.close() ; 
}
 
全画面オープンIEウィンドウ
var winWidth=screen.availWidth ; 
var winHeight=screen.availHeight-20; 
window.open("main.aspx","surveyWindow","toolbar=no,width="+ winWidth  +",height="+ winHeight  +",top=0,left=0,scrollbars=yes,resizable=yes,center:yes,statusbars=yes"); 
break 
//      xml 
function initialize() { 
  var xmlDoc 
  var xslDoc 

  xmlDoc = new ActiveXObject('Microsoft.XMLDOM') 
  xmlDoc.async = false; 

  xslDoc = new ActiveXObject('Microsoft.XMLDOM') 
  xslDoc.async = false; 

 xmlDoc.load("tree.xml") 
  xslDoc.load("tree.xsl") 
  
  
  folderTree.innerHTML = xmlDoc.documentElement.transformNode(xslDoc) 
}
 
一、検証類1、デジタル検証内  1.1整数  1.2 0より大きい整数(送信されたIDの検証)  1.3負の整数の検証  1.4整数はiMaxより大きくしてはいけません.  1.5整数はiMin 2、時間類より小さくてはいけません.  2.1短時間、形如(13:04:06)  2.2短日、形は例えば(2003-12-05)  2.3長時間、形如(2003-12-05 13:04:06)  2.4年と月だけです.形は(2003-05または2003-5)  2.5時間と分しかなく、形は(12:03)3、フォーム類   3.1すべてのフォームの値は空にできません.  3.2複数行のテキストボックスの値は空にできません.  3.3複数行のテキストボックスの値はsMaxStrlengを超えてはいけません.  3.4複数行のテキストボックスの値はsmixStrlengを下回ってはいけません.  3.5単一選択枠が選択されているかどうかを判断する.  3.6チェックボックスが選択されているかどうかを判断する.  3.7チェックボックスの全選択、複数選択、すべて選択せず、逆選択  3.8ファイルアップロード中にファイルタイプ4、文字類を判断する  4.1判定文字は全部a-ZまたはA-Zの文字で構成されています.  4.2判定文字はアルファベットと数字で構成されています.  4.3文字はアルファベットと数字、アンダースコア、点番号から構成されています.また、先頭は下線とアルファベットだけです.  4.4文字列置換関数.Replace();5、ブラウザ類  5.1ブラウザの種類を判断する  5.2判断ieのバージョン  5.3クライアントの解像度を判断する  6、結合類  6.1 emailの判断.  6.2携帯番号の検証  6.3身分証の検証 
二、機能類
1、時間と関連するコントロールクラス  1.1カレンダー  1.2時間コントロール  1.3万年暦  1.4ダイナミック表示クロック効果(OA中時間などのテキスト)  1.5ダイナミック表示クロック効果(画像、腕時計のような)2、フォーム類を表示する  2.1フォームの自動生成  2.2動的に追加し、変更し、プルダウンボックスの要素を削除する  2.3コンテンツを入力できるプルダウンボックス  2.4複数行のテキストボックスにはiMax文字しか入力できません.複数入力すると自動的にiMax文字に減少します.  3、印刷クラス  3.1印刷コントロール4、イベントクラス  4.1右ボタンを遮断する  4.2すべての機能キーを遮断する  4.3--><--F 5 F 11,F 9,F 1  4.4シールドキーctrl+N 5、ウェブデザイン類  5.1連続してスクロールする文字、画像(連続的で、二段の文字と写真に空白がないことに注意)  5.2.コントロールクラスの編集  5.3色選択ボックスのコントロール  5.4プルダウンメニュー  5.5二層以上のプルダウンメニュー  5.6 IEメニューのボタンを倣う.  5.7ステータスバー、title欄のダイナミック効果(例が多いので、検討してもいいです.)  5.8ダブルクリックしたら、ウェブページは自動的に画面をスクロールします.  6.1 asp+SQL版  6.2 asp+xml+sql版  6.3 java+sqlまたはjava+sql+xml 7、フレーム効果のない製作8、連動ドロップダウンフレーム技術9、テキストソート10、グラフ類、円盤、柱、ベクトルベズ曲線11を含み、クライアントレジストリ類12、DIV層関連(ドラッグ、表示、非表示、移動、増加)13、TABLAE関連(クライアントダイナミック増加行列、アナログプログレスバー、スクロールリストなど)14、各種関連カテゴリ、例えばプレーヤー、flashとシナリオのインタラクティブなど16、非同期コールクラスを更新/シミュレーションしません(XMLHttpまたはiframe、frame)
 
 
一、検証類1、デジタル検証内  1.1整数  
  /^(-|\+)?\d+$/.test(str)
     
  1.2 0より大きい整数(送信されたIDの検証)       
 /^\d+$/.test(str)
 
  1.3負の整数の検証  
/^-\d+$/.test(str)
      
2、時間類  2.1短時間、形如(13:04:06)  
 function isTime(str) 
      { 
        var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/); 
        if (a == null) {alert('           '); return false;} 
        if (a[1]>24 || a[3]>60 || a[4]>60) 
        { 
          alert("      "); 
          return false 
        } 
        return true; 
      }
      
  2.2短日、形は例えば(2003-12-05)  
function strDateTime(str) 
      { 
         var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); 
         if(r==null)return false; 
         var d= new Date(r[1], r[3]-1, r[4]); 
         return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]); 
      }
       
  2.3長時間、形如(2003-12-05 13:04:06)  
 function strDateTime(str) 
      { 
        var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; 
        var r = str.match(reg); 
        if(r==null)return false; 
        var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]); 
        return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]); 
      }
      
  2.4年と月だけです.形は(2003-05または2003-5)  2.5時間と分しかなく、形は(12:03)3、フォーム類  3.1すべてのフォームの値は空にできません.      <input onblur="if(/[^a-zA-Z]/g.test(this.value))alert(' ')">      
  4.2判定文字はアルファベットと数字で構成されています.        
<input onblur="if(/[^0-9a-zA-Z]/g.test(this.value))alert('  ')">
 
  4.3文字はアルファベットと数字、アンダースコア、点番号から構成されています.また、先頭は下線とアルファベットだけです.  
/^([a-zA-z_]{1})([\w]*)$/g.test(str)
       
  4.4文字列置換関数.Replace();5、ブラウザ類  5.1ブラウザの種類を判断する  
window.navigator.appName
       
  5.2判断ieのバージョン  
window.navigator.appVersion
       
  5.3クライアントの解像度を判断する       図:
window.screen.height;  window.screen.width;
   6、結合類  6.1 emailの判断.  
 function ismail(mail) 
      { 
        return(new RegExp(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/).test(mail)); 
      }
      
  6.2携帯番号の検証  6.3身分証の検証  
 function isIdCardNo(num) 
      { 
        if (isNaN(num)) {alert("       ！"); return false;} 
        var len = num.length, re; 
        if (len == 15) 
          re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/); 
        else if (len == 18) 
          re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/); 
        else {alert("         ！"); return false;} 
        var a = num.match(re); 
        if (a != null) 
        { 
          if (len==15) 
          { 
            var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]); 
            var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; 
          } 
          else 
          { 
            var D = new Date(a[3]+"/"+a[4]+"/"+a[5]); 
            var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5]; 
          } 
          if (!B) {alert("        "+ a[0] +"        ！"); return false;} 
        } 
        return true; 
      }
      
  
<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>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH><TH>&nbsp;</TH></TR> 
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR> 
<TR><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR> 
</TABLE> 
</BODY> 
</HTML>
  
 
 
1.身分証の厳格な検証:
<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>
  
 
2.IPアドレスを検証する
<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>
 
 
 
3.sp 1を追加しても使えるフレームなしのウィンドウ!
<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 <[email protected]> 
 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:expression(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\
\
Code By Windy_sk\
\
Special Thanks For andot')\" style=\""+CSStext+"padding-right:2px;\">?</span>"; 
temp += "<span id=Min   onclick='parent.New_CW.hide();parent.blur()' style=\""+CSStext+"\" 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+"\" title='Maximum'>1</span>"; 
temp += "<span id=Close onclick='parent.opener=null;parent.close()' style=\""+CSStext+"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>
 
treeviewに関する二つのを貼ってください.  treeviewでは、クライアント設定後のノード選択状態をサーバ側でどうやって取得しますか?  つの実用的な小技:入力をオフにします.貼り付け禁止です.入力のコピーを禁止します.
 <script language="javascript"> 
<!-- 
//        
function initchecknode() 
{ 
 var node=TreeView1.getTreeNode("1"); 
 node.setAttribute("Checked","true"); 
 setcheck(node,"true"); 
 FindCheckedFromNode(TreeView1); 
} 
//oncheck   
function tree_oncheck(tree) 
{ 
 var node=tree.getTreeNode(tree.clickedNodeIndex); 
 var Pchecked=tree.getTreeNode(tree.clickedNodeIndex).getAttribute("checked"); 
 setcheck(node,Pchecked); 
 document.all.checked.value=""; 
 document.all.unchecked.value=""; 
 FindCheckedFromNode(TreeView1); 
} 
//        
function setcheck(node,Pc) 
{ 
 var i; 
 var ChildNode=new Array(); 
 ChildNode=node.getChildren(); 
  
 if(parseInt(ChildNode.length)==0) 
  return; 
 else 
 { 
  for(i=0;i<ChildNode.length;i++) 
  { 
   var cNode; 
   cNode=ChildNode[i]; 
   if(parseInt(cNode.getChildren().length)!=0) 
    setcheck(cNode,Pc); 
   cNode.setAttribute("Checked",Pc); 
  } 
 } 
} 
//         
function FindCheckedFromNode(node) { 
 var i = 0; 
 var nodes = new Array(); 
 nodes = node.getChildren(); 
  
 for (i = 0; i < nodes.length; i++) { 
  var cNode; 
  cNode=nodes[i]; 
  if (cNode.getAttribute("Checked")) 
   AddChecked(cNode); 
  else 
      AddUnChecked(cNode); 
  
  if (parseInt(cNode.getChildren().length) != 0 ) { 
   FindCheckedFromNode(cNode); 
  } 
 } 
} 
//       
function AddChecked(node) { 
 document.all.checked.value += node.getAttribute("NodeData"); 
 document.all.checked.value += ','; 
} 
//        
function AddUnChecked(node) { 
 document.all.unchecked.value += node.getAttribute("NodeData"); 
 document.all.unchecked.value += ','; 
} 
//--> 
  </script>
  
<script language="C#" runat="server"> 
   private void Button1_Click(object sender, System.EventArgs e) 
   { 
    Response.Write(TreeView1.Nodes[0].Checked); 
   } 
  </script> 
  <script language="javascript"> 
   function set_check() 
   { 
    var nodeindex = "0"; 
    var node=TreeView1.getTreeNode(nodeindex); 
    node.setAttribute("Checked","True"); 
    TreeView1.queueEvent('oncheck', nodeindex); 
   } 
  </script>
 
このテキストボックスの入力は閉じられます.  文法:style=「ime-mode:disable」の例:
貼り付け禁止
このテキストボックスにはテキストを貼り付けることができません.  文法:onpaste="return false"の例:
コピー禁止
このテキスト枠はコピー禁止です.  文法:oncopy=“return false”oncut=“return false”の例://================================ //Cookie //================================ function getCookieVal (offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function deleteCookie(cname) { var expdate = new Date(); expdate.setTime(expdate.getTime() - (24 * 60 * 60 * 1000 * 369)); // document.cookie =" ckValue="ok"; expires="+ expdate.toGMTString(); setCookie(cname,"",expdate); } function setCookie (name, value, expires) { document.cookie = name + "=" + escape(value) + "; expires=" + expires.toGMTString() ; }   
ページに線、多角形、円、塗りつぶしなどの機能を自在に描くことができるjs  (part 1)
var jg_ihtm, jg_ie, jg_fast, jg_dom, jg_moz, 
jg_n4 = (document.layers && typeof document.classes != "undefined"); 


function chkDHTM(x, i) 
{ 
x = document.body || null; 
jg_ie = x && typeof x.insertAdjacentHTML != "undefined"; 
jg_dom = (x && !jg_ie && 
typeof x.appendChild != "undefined" && 
typeof document.createRange != "undefined" && 
typeof (i = document.createRange()).setStartBefore != "undefined" && 
typeof i.createContextualFragment != "undefined"); 
jg_ihtm = !jg_ie && !jg_dom && x && typeof x.innerHTML != "undefined"; 
jg_fast = jg_ie && document.all && !window.opera; 
jg_moz = jg_dom && typeof x.style.MozOpacity != "undefined"; 
} 


function pntDoc() 
{ 
this.wnd.document.write(jg_fast? this.htmRpc() : this.htm); 
this.htm = ''; 
} 


function pntCnvDom() 
{ 
var x = document.createRange(); 
x.setStartBefore(this.cnv); 
x = x.createContextualFragment(jg_fast? this.htmRpc() : this.htm); 
this.cnv.appendChild(x); 
this.htm = ''; 
} 


function pntCnvIe() 
{ 
this.cnv.insertAdjacentHTML("BeforeEnd", jg_fast? this.htmRpc() : this.htm); 
this.htm = ''; 
} 


function pntCnvIhtm() 
{ 
this.cnv.innerHTML += this.htm; 
this.htm = ''; 
} 


function pntCnv() 
{ 
this.htm = ''; 
} 


function mkDiv(x, y, w, h) 
{ 
this.htm += '<div style="position:absolute;'+ 
'left:' + x + 'px;'+ 
'top:' + y + 'px;'+ 
'width:' + w + 'px;'+ 
'height:' + h + 'px;'+ 
'clip:rect(0,'+w+'px,'+h+'px,0);'+ 
'background-color:' + this.color + 
(!jg_moz? ';overflow:hidden' : '')+ 
';"><\/div>'; 
} 


function mkDivIe(x, y, w, h) 
{ 
this.htm += '%%'+this.color+';'+x+';'+y+';'+w+';'+h+';'; 
} 


function mkDivPrt(x, y, w, h) 
{ 
this.htm += '<div style="position:absolute;'+ 
'border-left:' + w + 'px solid ' + this.color + ';'+ 
'left:' + x + 'px;'+ 
'top:' + y + 'px;'+ 
'width:0px;'+ 
'height:' + h + 'px;'+ 
'clip:rect(0,'+w+'px,'+h+'px,0);'+ 
'background-color:' + this.color + 
(!jg_moz? ';overflow:hidden' : '')+ 
';"><\/div>'; 
} 


function mkLyr(x, y, w, h) 
{ 
this.htm += '<layer '+ 
'left="' + x + '" '+ 
'top="' + y + '" '+ 
'width="' + w + '" '+ 
'height="' + h + '" '+ 
'bgcolor="' + this.color + '"><\/layer>
'; 
} 


var regex =  /%%([^;]+);([^;]+);([^;]+);([^;]+);([^;]+);/g; 
function htmRpc() 
{ 
return this.htm.replace( 
regex, 
'<div style="overflow:hidden;position:absolute;background-color:'+ 
'$1;left:$2;top:$3;width:$4;height:$5"></div>
'); 
} 


function htmPrtRpc() 
{ 
return this.htm.replace( 
regex, 
'<div style="overflow:hidden;position:absolute;background-color:'+ 
'$1;left:$2;top:$3;width:$4;height:$5;border-left:$4px solid $1"></div>
'); 
} 


function mkLin(x1, y1, x2, y2) 
{ 
if (x1 > x2) 
{ 
var _x2 = x2; 
var _y2 = y2; 
x2 = x1; 
y2 = y1; 
x1 = _x2; 
y1 = _y2; 
} 
var dx = x2-x1, dy = Math.abs(y2-y1), 
x = x1, y = y1, 
yIncr = (y1 > y2)? -1 : 1; 

if (dx >= dy) 
{ 
var pr = dy<<1, 
pru = pr - (dx<<1), 
p = pr-dx, 
ox = x; 
while ((dx--) > 0) 
{ 
++x; 
if (p > 0) 
{ 
this.mkDiv(ox, y, x-ox, 1); 
y += yIncr; 
p += pru; 
ox = x; 
} 
else p += pr; 
} 
this.mkDiv(ox, y, x2-ox+1, 1); 
} 

else 
{ 
var pr = dx<<1, 
pru = pr - (dy<<1), 
p = pr-dy, 
oy = y; 
if (y2 <= y1) 
{ 
while ((dy--) > 0) 
{ 
if (p > 0) 
{ 
this.mkDiv(x++, y, 1, oy-y+1); 
y += yIncr; 
p += pru; 
oy = y; 
} 
else 
{ 
y += yIncr; 
p += pr; 
} 
} 
this.mkDiv(x2, y2, 1, oy-y2+1); 
} 
else 
{ 
while ((dy--) > 0) 
{ 
y += yIncr; 
if (p > 0) 
{ 
this.mkDiv(x++, oy, 1, y-oy); 
p += pru; 
oy = y; 
} 
else p += pr; 
} 
this.mkDiv(x2, oy, 1, y2-oy+1); 
} 
} 
} 


function mkLin2D(x1, y1, x2, y2) 
{ 
if (x1 > x2) 
{ 
var _x2 = x2; 
var _y2 = y2; 
x2 = x1; 
y2 = y1; 
x1 = _x2; 
y1 = _y2; 
} 
var dx = x2-x1, dy = Math.abs(y2-y1), 
x = x1, y = y1, 
yIncr = (y1 > y2)? -1 : 1; 

var s = this.stroke; 
if (dx >= dy) 
{ 
if (s-3 > 0) 
{ 
var _s = (s*dx*Math.sqrt(1+dy*dy/(dx*dx))-dx-(s>>1)*dy) / dx; 
_s = (!(s-4)? Math.ceil(_s) : Math.round(_s)) + 1; 
} 
else var _s = s; 
var ad = Math.ceil(s/2); 

var pr = dy<<1, 
pru = pr - (dx<<1), 
p = pr-dx, 
ox = x; 
while ((dx--) > 0) 
{ 
++x; 
if (p > 0) 
{ 
this.mkDiv(ox, y, x-ox+ad, _s); 
y += yIncr; 
p += pru; 
ox = x; 
} 
else p += pr; 
} 
this.mkDiv(ox, y, x2-ox+ad+1, _s); 
} 

else 
{ 
if (s-3 > 0) 
{ 
var _s = (s*dy*Math.sqrt(1+dx*dx/(dy*dy))-(s>>1)*dx-dy) / dy; 
_s = (!(s-4)? Math.ceil(_s) : Math.round(_s)) + 1; 
} 
else var _s = s; 
var ad = Math.round(s/2); 

var pr = dx<<1, 
pru = pr - (dy<<1), 
p = pr-dy, 
oy = y; 
if (y2 <= y1) 
{ 
++ad; 
while ((dy--) > 0) 
{ 
if (p > 0) 
{ 
this.mkDiv(x++, y, _s, oy-y+ad); 
y += yIncr; 
p += pru; 
oy = y; 
} 
else 
{ 
y += yIncr; 
p += pr; 
} 
} 
this.mkDiv(x2, y2, _s, oy-y2+ad); 
} 
else 
{ 
while ((dy--) > 0) 
{ 
y += yIncr; 
if (p > 0) 
{ 
this.mkDiv(x++, oy, _s, y-oy+ad); 
p += pru; 
oy = y; 
} 
else p += pr; 
} 
this.mkDiv(x2, oy, _s, y2-oy+ad+1); 
} 
} 
} 


function mkLinDott(x1, y1, x2, y2) 
{ 
if (x1 > x2) 
{ 
var _x2 = x2; 
var _y2 = y2; 
x2 = x1; 
y2 = y1; 
x1 = _x2; 
y1 = _y2; 
} 
var dx = x2-x1, dy = Math.abs(y2-y1), 
x = x1, y = y1, 
yIncr = (y1 > y2)? -1 : 1, 
drw = true; 
if (dx >= dy) 
{ 
var pr = dy<<1, 
pru = pr - (dx<<1), 
p = pr-dx; 
while ((dx--) > 0) 
{ 
if (drw) this.mkDiv(x, y, 1, 1); 
drw = !drw; 
if (p > 0) 
{ 
y += yIncr; 
p += pru; 
} 
else p += pr; 
++x; 
} 
if (drw) this.mkDiv(x, y, 1, 1); 
} 

else 
{ 
var pr = dx<<1, 
pru = pr - (dy<<1), 
p = pr-dy; 
while ((dy--) > 0) 
{ 
if (drw) this.mkDiv(x, y, 1, 1); 
drw = !drw; 
y += yIncr; 
if (p > 0) 
{ 
++x; 
p += pru; 
} 
else p += pr; 
} 
if (drw) this.mkDiv(x, y, 1, 1); 
} 
} 


function mkOv(left, top, width, height) 
{ 
var a = width>>1, b = height>>1, 
wod = width&1, hod = (height&1)+1, 
cx = left+a, cy = top+b, 
x = 0, y = b, 
ox = 0, oy = b, 
aa = (a*a)<<1, bb = (b*b)<<1, 
st = (aa>>1)*(1-(b<<1)) + bb, 
tt = (bb>>1) - aa*((b<<1)-1), 
w, h; 
while (y > 0) 
{ 
if (st < 0) 
{ 
st += bb*((x<<1)+3); 
tt += (bb<<1)*(++x); 
} 
else if (tt < 0) 
{ 
st += bb*((x<<1)+3) - (aa<<1)*(y-1); 
tt += (bb<<1)*(++x) - aa*(((y--)<<1)-3); 
w = x-ox; 
h = oy-y; 
if (w&2 && h&2) 
{ 
this.mkOvQds(cx, cy, -x+2, ox+wod, -oy, oy-1+hod, 1, 1); 
this.mkOvQds(cx, cy, -x+1, x-1+wod, -y-1, y+hod, 1, 1); 
} 
else this.mkOvQds(cx, cy, -x+1, ox+wod, -oy, oy-h+hod, w, h); 
ox = x; 
oy = y; 
} 
else 
{ 
tt -= aa*((y<<1)-3); 
st -= (aa<<1)*(--y); 
} 
} 
this.mkDiv(cx-a, cy-oy, a-ox+1, (oy<<1)+hod); 
this.mkDiv(cx+ox+wod, cy-oy, a-ox+1, (oy<<1)+hod); 
}
「JavaScript高級プログラム設計」ノート(3):パラメータの伝達