articles

2009 年 7 月 13 日

jQuery 複数の要素に処理を

CATEGORYjavascriptjQuery  TAG 6:26 PM

JQueryで複数要素のセレクタに
各々処理を行うときはeachが便利です。

今回もまたパラメータの違うFlashを複数埋め込む場合に利用しました。

$(function(){
	var selector=$(".graph-area");
	selector.each(function(){
		var id=$(this).attr("id");//IDを取得
		var graphdata=$(this).text();//テキストを取得
		addListSwf(id,graphdata,"50");//テキストをパラメータとしてswfobjectでFlash埋め込み		   
 	});
	
	function addListSwf(idname,param){
		var att = { data:"img/graph.swf", width:"160", height:"160" };
		var par={ menu:"false",flashvars:param};
		var id = idname;
		var mainFlash = swfobject.createSWF(att, par, id);
	};
});

2009 年 7 月 10 日

jQuery チェックボックスのチェック・解除

CATEGORYjavascriptjQuery  TAG 11:07 PM

#allCheckと#optionAllCheckボタンを押すと#option-areaのチェックボックスが
それぞれチェック・解除される仕組みです。


$(document).ready(function(){
	$("input#allCheck").click(function(){
		checkOption(true);
	});
	
	$("input#allUncheck").click(function(){
		checkOption(false);
	});
});

//オプションのチェックを全部チェックOR解除する
function checkOption(boolean){
	$("#option-area input").attr("checked", boolean);
}

2009 年 6 月 10 日

jQueryによる、属性変更

CATEGORYjQueryUtilities  TAG 2:05 PM
セレクタ.attr("属性名");

でそのセレクタの属性を取得できます。
title = $(“img”).attr(“title”);

変更する場合は、

セレクタ.attr("属性名","値");

となるらしいです。

多くの属性を変更する場合は

$("img").attr({ 
 src: "/images/hat.gif",
 title: "jQuery",
 alt: "jQuery Logo"
});