jQuery 鐃緒申 placeholder 鐃緒申鐃獣てみわ申

hamashun 鐃緒申鐃緒申鐃緒申JS鐃緒申鐃庶：鐃春ワ申鐃緒申鐃緒申縫侫鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃叔フワ申鐃緒申肇謄鐃緒申鐃緒申箸鐃獣わ申鐃夙わ申鐃緒申鐃塾を見わ申鐃舜乗エ鐃緒申肇蝓�

鐃縦随申的鐃祝わ申蠅随申鐃緒申辰鐃緒申里楼焚鐃緒申鐃�3鐃縦￥申

鐃叔わ申鐃緒申鐃� placeholder 属鐃緒申鐃緒申箸鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申 Javascript 鐃緒申鐃春誌申鐃叔わ申鐃緒申鐃緒申廚鐃緒申鐃緒申鐃�Webkit鐃熟ブラウ鐃緒申鐃淑わ申曚鐃銃縁申鐃緒申鐃緒申屬砲覆襦�
鐃叔わ申鐃緒申鐃� input 鐃緒申鐃緒申鐃緒申鐃緒申覆鐃� textarea 鐃祝わ申箸鐃緒申鐃緒申鐃緒申鐃�
value 鐃緒申鐃緒申鐃緒申討鐃緒申泙鐃緒申伴尊櫃離侫鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃祝わ申鐃緒申 value 鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申討鐃緒申泙鐃緒申里如鐃�placeholder 鐃緒申同鐃緒申鐃淑らそ鐃緒申 value 鐃熟消わ申鐃緒申鐃緒申鐃緒申

鐃夙わ申鐃緒申鐃緒申鐃夙でわ申鐃緒申粉鐃緒申鐃緒申砲覆鐃殉わ申鐃緒申鐃緒申鐃瞬ワ申鐃緒申鐃塾ワ申鐃緒申鐃緒申鐃緒申鬟ぅ瓠種申鐃緒申鐃緒申討鐃緒申泙鐃緒申鐃緒申鐃緒申鐃緒申鐃淑�申鐃� jQuery 鐃緒申鐃緒申僂鐃緒申討鐃緒申泙鐃緒申鐃�

鐃縦ッワ申鐃淳などなどわ申鐃峻わ申鐃緒申鐃銃わ申鐃緒申泙鐃緒申鐃�

鐃緒申jQuery 鐃緒申 placeholder 鐃緒申鐃獣てみわ申廚離鐃緒申鐃竣ワ申鮓�鐃�

$(function () {

	var conf = {
		focusClass : 'focus',
		blurClass : 'blur'
	}

	$('input[placeholder], textarea[placeholder]').each(function(){
		var placeholder = $(this).attr('placeholder');
		$(this).val(placeholder).addClass(conf.blurClass)
			.focus(function() {
				if ( $(this).val() == placeholder ) {
					$(this)
						.val('')
						.removeClass(conf.blurClass)
						.addClass(conf.focusClass);
				}
			})
			.blur(function() {
				if ( $(this).val() == '' ) {
					$(this)
						.val(placeholder)
						.removeClass(conf.focusClass)
						.addClass(conf.blurClass);
				} else {
					$(this).removeClass(conf.focusClass);
				}
			}
		);
	});

	$('form').submit(function(){
		var input = $(this).find('input[placeholder], textarea[placeholder]');
		$(input).each(function(){
			if ( $(this).val() == $(this).attr('placeholder') ) {
				$(this)
					.val('')
					.removeClass(conf.blurClass)
					.removeAttr('placeholder');
			}
		});
	});

});

鐃緒申辰討澆鐃緒申鐃緒申鐃�

if 文鐃夙わ申鐃緒申1,2鐃緒申蓮屬鐃緒申譟�申鐃緒申匹辰鐃緒申両鐃緒申屬鐃緒申辰鐃緒申鐃緒申廚箸覆鐃塾わ申覆鐃夙わ申鐃緒申鐃緒申鐃緒申鐃緒申
.removeClass 鐃緒申 .addClass 鐃夙わ申鐃潤ぎ鐃緒申鐃盾し鐃緒申覆鐃緒申鐃�
鐃潤く鐃緒申鐃緒申鐃塾ブラウ鐃緒申鐃緒申 placeholder 属鐃緒申鐃緒申鐃夙わ申鐃緒申个鐃緒申鐃緒申里砲諭鐃�
鐃夙わ申鐃緒申鐃緒申鐃緒申鐃緒申 Webkit 鐃熟でわ申 placeholder 属鐃緒申鐃緒申表鐃緒申鐃緒申鐃曙た鐃銃ワ申鐃緒申鐃夙の随申鐃緒申鐃術刻申鐃叔わ申鐃淑わ申鐃緒申鐃緒申鐃淑わ申鐃緒申鐃淑わ申箸鐃緒申覆鐃藷かなわ申鐃緒申

鐃淑わ申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃旬筋とわ申鐃緒申鐃緒申茲随申里任鐃緒申鐃緒申佞如鐃�

CSS + jQuery Web鐃叔ワ申鐃緒申鐃緒申謄鐃緒申縫奪鐃�

posted with amazlet at 09.11.07

鐃緒申鐃緒申鐃緒申雄
鐃俊￥申鐃緒申鐃緒申鐃縮￥申鐃緒申鐃縮随申鐃緒申
鐃緒申鐃遵げ鐃緒申鵐⑤鐃�: 33950

Amazon.co.jp 鐃叔詳細を見わ申

jQuery+JavaScript実践リファレンス―Webデザインを強化するための

jQuery+JavaScript鐃緒申鐃緒申鐃緒申侫鐃緒申鐃藷ス￥申Web鐃叔ワ申鐃緒申鐃緒申魘�鐃緒申鐃緒申襪随申鐃緒申

posted with amazlet at 09.11.07

鐃緒申鐃緒申鐃緒申雄
鐃緒申鐃緒申鐃緒申
鐃緒申鐃遵げ鐃緒申鵐⑤鐃�: 5636

鐃緒申鐃緒申鐃緒申鐃緒申鐃駿わ申平鐃緒申: 4.0

jQuery鐃塾ユー鐃緒申鐃緒申鐃藷タフワ申鐃緒申鐃緒申鐃緒申鐃淑のワ申鐃緒申廛觸�

Ajax鐃緒申鐃緒申鐃殉ワ申鐃緒申鐃緒申鐃叔わ申鐃殉わ申鐃緒申

鐃緒申鐃緒申鐃祝使わ申鐃緒申鐃緒申鐃緒申鐃緒申

鐃緒申鐃緒申鐃順き鐃緒申鐃緒申鐃銃￥申鐃緒申鐃緒申鐃縮�申戮鐃緒申磴わ申鐃緒申鐃緒申鐃緒申泙鐃�

Amazon.co.jp 鐃叔詳細を見わ申

標準DOMスクリプティング JavaScript＋DOMによるWebアプリデザインの基礎

標鐃緒申DOM鐃緒申鐃緒申鐃緒申廛謄鐃緒申鐃� JavaScript鐃緒申DOM鐃祝わ申鐃�Web鐃緒申鐃竣ワ申妊鐃緒申鐃緒申鐃塾器申鐃緒申

posted with amazlet at 09.11.07

鐃緒申鐃緒申鐃緒申鐃緒申巳
鐃緒申鐃春トバンクワ申鐃所エ鐃緒申鐃銃ワ申鐃緒申
鐃緒申鐃遵げ鐃緒申鵐⑤鐃�: 24893

鐃緒申鐃緒申鐃緒申鐃緒申鐃駿わ申平鐃緒申: 5.0

必鐃竣わ申鐃縦最常申鐃渋の居申鐃述￥申鐃緒申鐃緒申鐃緒申鐃緒申鐃緒申鐃宿緒申

DOM鐃薯扱わ申鐃粛のバワ申鐃瞬ワ申

鐃緒申直鐃緒申DOM鐃塾駈申鐃淑緒申

鐃叔駈申鐃�HTML鐃祝削申鐃緒申鐃順す鐃緒申佑砲鐃緒申鐃緒申鐃�

Amazon.co.jp 鐃叔詳細を見わ申

WebクリエイティブのためのDOM Scripting （Web Designing Books）

Web鐃緒申鐃所エ鐃緒申鐃銃ワ申鐃瞬のわ申鐃緒申鐃�DOM Scripting 鐃緒申Web Designing Books鐃緒申

posted with amazlet at 09.11.07

鐃緒申村鐃緒申鐃緒申
鐃緒申鐃緒申鐃緒申鐃淳ワ申縫鐃緒申鐃緒申鐃緒申鐃緒申
鐃緒申鐃遵げ鐃緒申鵐⑤鐃�: 29074

鐃緒申鐃緒申鐃緒申鐃緒申鐃駿わ申平鐃緒申: 4.5

分鐃緒申鐃所そ鐃緒申鐃緒申分鐃緒申鐃緒申覆鐃緒申鐃緒申鐃緒申鐃緒申鐃�

鐃緒申半鐃書しわ申

JavaScript鐃塾わ申鐃緒申砲鐃緒申鐃緒申鐃重�申鐃�(X)HTML+CSS鐃緒申

鐃緒申鐃緒申鐃緒申鐃�

鐃緒か鐃緒申笋刻申鐃緒申抜雰蕕居申鐃塾称�申鐃緒申鐃緒申鐃緒申鐃緒申鐃�

Amazon.co.jp 鐃叔詳細を見わ申

鐃緒申鐃塾居申鐃緒申鐃舜のトワ申奪鐃緒申丱奪鐃�

鐃夙ワ申奪鐃緒申丱奪鐃�URL

鐃緒申鐃緒申鐃緒申的鐃塾トワ申奪鐃緒申丱奪鐃緒申郎鐃緒申鐃緒申鐃緒申鐃銃わ申鐃緒申鐃緒申鐃緒申鐃緒申鐃夙わ申鐃緒申鐃緒申泙鐃緒申鐃�

鐃殉わ申鐃夙ワ申奪鐃緒申丱奪鐃緒申呂鐃緒申鐃殉わ申鐃緒申鐃夙ワ申奪鐃緒申丱奪鐃緒申呂鐃緒申鐃緒申蕕�申鐃�鐃緒申

鐃緒申鐃塾居申鐃緒申鐃舜のワ申鐃緒申奪廛鐃緒申鐃緒申鐃�

鐃緒申鐃塾居申鐃緒申鐃舜のワ申鐃緒申鐃緒申

鐃緒申鐃緒申鐃夙逸申鐃緒申

cyokodog

鐃緒申鐃緒申砲鐃緒申鐃�
他鐃緒申 validation 鐃熟のプラグ鐃緒申鐃緒申箸鐃淑誌申僂鐃粛わ申鐃緒申函鐃�value属鐃緒申鐃塾縁申鐃緒申鐃緒申鐃薯けわ申鐃緒申鐃淑わ申鐃緒申鐃夙わ申鐃緒申鐃緒申鐃夙わ申 absolute 鐃緒申 text 鐃緒申鼎佑鐃緒申鐃祝￥申納鐃緒申鐃緒申鐃緒申討澆泙鐃緒申鐃�

http://d.hatena.ne.jp/cyokodog/20090907/jQueryExPlaceFolder01

November 09, 2009 13:51

forestk

鐃緒申鐃緒申砲鐃緒申鐃�

鐃淑わ申曚匹覆鐃循ど￥申
鐃塾わ申鐃緒申 validation 鐃熟のプラグ鐃緒申鐃緒申里鐃緒申箸鐃粛わ申鐃緒申箸鐃緒申鐃緒申鐃緒申鐃淑ｏ申鐃緒申任鐃緒申諭鐃緒申鐃緒申鐃�

鐃緒申鐃粛になわ申泙鐃緒申鐃�

November 10, 2009 19:05