■

ひたすらプログラムのメモを書き溜める場所
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
cssの指定順番
下記順番じゃないと色が変わらない
hoverの下にvisitedを書くと訪問済のリンクが優先されるため
a:link { color: red; }			//未訪問リンク
a:visited { color: purple; }		//訪問済みリンク
a:hover { color: green; }		//マウスカーソルを乗せたリンク
a:active { color: yellow; }		//選択したリンク
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
prototype.jsのobserveを使うときは無名関数を使わないとクロージャーの関係かしらんが
i=MAXとなり最後のイベントにしか効かないので下記のように書く
別に関数別でつくって渡してもいいんだけど
あとはiじゃなくて場所によってはthis使ったり
for (i = 0; i < document.forms[0].elements.length; i ++){
	(function(n){
		var item = document.forms[0].elements[n];
		var id = item.id;
		if(alertField.member(id)){//prototype.jsのmember関数を使用
			var ids = $(id);
			ids.observe("change",function(){Utility.chkNumberField(id);});
		}
	})(i);
}

//これでもOK
for (i = 0; i < document.forms[0].elements.length; i ++) {
	(function(n){
		var item = document.forms[0].elements[n]
		if (item.type == "text" ) {
			$(item.id).observe("blur",function(){$(item.id).style.backgroundColor = '#FFFFFF';});
			$(item.id).observe("focus",function(){$(item.id).style.backgroundColor = '#CCFFCC';});
		}
	})(i);
}

//上記コードの最適化
var setFocus = function(n)
{
	var item = document.forms[0].elements[n]
		if (item.type == "text" ) {
			$(item.id).observe("blur",function(){$(item.id).style.backgroundColor = '#FFFFFF';});
			$(item.id).observe("focus",function(){$(item.id).style.backgroundColor = '#CCFFCC';});
		}
}
for (i = 0; i < document.forms[0].elements.length; i ++) {
	setFocus(i);
}

//this使用
var Elements = document.getElementsByTagName("input");
for(var i = 0,n = Elements.length; i < n; i++){
	if(Elements[i].type == "text"){
		Event.observe(Elements[i], 'focus',function(){$(this).style.backgroundColor="#CCFFCC";});
		Event.observe(Elements[i], 'blur', function(){$(this).style.backgroundColor="#FFFFFF";});
	}
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////