ria-web - study:javascript
https://as5202t-5748.myasustor.com/
2026-07-05T12:22:41+00:00ria-web
https://as5202t-5748.myasustor.com/
https://as5202t-5748.myasustor.com/lib/exe/fetch.php?media=wiki:dokuwiki.svgtext/html2009-12-15T04:43:46+00:00Anonymous (anonymous@undisclosed.example.com)array
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:array&rev=1260852226&do=diff
Initialize an Array
1) Initialize the array when the load event is fired.
var initArray = [];
function init() {
var fE = document.forms['testForm'].elements;
for(var i = 0; i < 4; i++) {
initArray[i] = fE['field' + (i + 1)];
}
}//
2) Store the field names and look them up in your functionstext/html2011-09-22T04:15:48+00:00Anonymous (anonymous@undisclosed.example.com)debug
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:debug&rev=1316664948&do=diff
Display error messages of javascript
以下のコードでjavascriptソースの何行目でエラーが発生しているか分かります。
onerror=handleErr;
var txt="";
//debug function
function handleErr(msg,url,l)
{
txt="There was an error on this page.\n\n";
txt+="Error: " + msg + "\n";
txt+="URL: " + url + "\n";
txt+="Line: " + l + "\n\n";
txt+="Click OK to continue.\n\n";
alert(txt);
return true;
}text/html2008-05-27T04:08:32+00:00Anonymous (anonymous@undisclosed.example.com)detect_browser
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:detect_browser&rev=1211861312&do=diff
Detect a kind of browser and version
var isIE=false; //Internet Explorer
var isNS=false; //Netscape Navigator
var isOpera=false; //Opera
var isFireFox=false; //Firefox
var isSafari=false; //Safari
var appVer;
/*
* detect browser name and version
* @version 1.1
*/
function browserDetect(){
var versionIndex=0;
//Netscape & FireFox
if(navigator.appName=="Netscape"){ // Mozilla Group
//FireFox
if(navigator.userAgent.indexOf("Firefox")!=-1){
isFireFox = true;
versionIndex=naviga…text/html2008-03-20T01:51:20+00:00Anonymous (anonymous@undisclosed.example.com)event
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:event&rev=1205977880&do=diff
Mouse Cursor Position
document.compatMode
* Quirks mode[BACKCompat] : Standard-compliant mode is not switched on.
* Strict mode[CSS1Compat] : Standard-compliant mode is switched on.
function getPosition(e) {
e = e || window.event;
var cursor = {x:0, y:0};
if (e.pageX || e.pageY) {
cursor.x = e.pageX;
cursor.y = e.pageY;
}
else {
var de = document.documentElement;
var b = document.body;
cursor.x = e.clientX +
(de.sc…text/html2011-08-04T02:13:22+00:00Anonymous (anonymous@undisclosed.example.com)positioning
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:positioning&rev=1312424002&do=diff
Fixed Layer
Frame을 사용하지 않고 navigation이 고정된 채로 내용만 scroll되도록 만들어보자.
FireFox라면 position:fixed를 사용할 수 있겠지만, IE가 지원하지 않기 때문에
cross-browing을 생각하여 javascript와 css를 이용하여 구현해 보겠다.
간단하게 left navigation과 content두 column으로 구성된 page를 생각해보자.
css code snippet은 대략 다음과 같은 모습이다.text/html2015-02-19T07:07:22+00:00Anonymous (anonymous@undisclosed.example.com)start
https://as5202t-5748.myasustor.com/doku.php?id=study:javascript:start&rev=1424329642&do=diff
Set Cookie's expire date
function saveCookie(){
var targetDate = new Date();
var dateInMs = targetDate.getTime();
dateInMs += 60 * 60 * 24 * 1000 * 365; //有効期限1年間
targetDate.setTime(dateInMs);
tmp = "多国語対応 non-ascii characters";
document.cookie = "cookieInfo="+escape(tmp)+"; expires=" + targetDate.toGMTString();
}