jQuery 複数の要素に処理を

2009年07月13日（月）

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);
	};
});

Tags: , ,
カテゴリ:jQuery, javascript | Comments Closed

関連記事

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

2009年07月10日（金）

#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);
}

Tags: , ,
カテゴリ:jQuery, javascript | Comments Closed

関連記事

jQueryによる、属性変更

2009年06月10日（水） 
セレクタ.attr("属性名");

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

変更する場合は、

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

となるらしいです。

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

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

Tags:
カテゴリ:Utilities, jQuery | Comments Closed

関連記事

jQueryでのイメージ変更　改正

2009年05月30日（土）

なまじ、うまくいっていたのがいけませんでした。
srcはプロパティに無いので、attr(“src”, ‘test.jpg’)で変更すべきでした。

$("#photo").attr("src", 'test.jpg');

Tags: , ,
カテゴリ:jQuery, javascript | Comments Closed

関連記事