SQLの窓

2011年08月28日


Firefox6 の postMessage でオブジェクトが引き渡されるのを確認しました

IFRAME で埋め込んだ外部コンテンツから
情報を取得する事ができる postMessage インターフェイス

上記リンク先に実際のコードを埋め込んでテストしました。

▼ 送り出し側です
function postColor() {

	var userAgent = window.navigator.userAgent.toLowerCase();
	var rgb = color.HSV_HEX(hsv);
	var objString = "";

	if (userAgent.indexOf("firefox/6") > -1) {
		objString = { "rgb": rgb, "hsv": { "h": hsv.H, "s": hsv.S, "v": hsv.V }};
		try{
			console.log("オブジェクトを post します (Firefox/6.0) ");
		}
		catch(e){ }
	}
	else {
		objString = '({ "rgb": "'+rgb+'", "hsv": { "h": '+hsv.H+',"s": '+hsv.S+',"v": '+hsv.V+' }})';
	}

	parent.postMessage( objString, "*" );
}


▼ 受け取り側です
function get_post_message(e) {
	var userAgent = window.navigator.userAgent.toLowerCase();
	var result = null;;
	if (userAgent.indexOf("firefox/6") > -1) {
		result = e.data;
	}
	else {
		result = eval(e.data);
	}
	alert(result.rgb + "," + result.hsv.h + "," + result.hsv.s + "," + result.hsv.v );
	document.getElementById("color_cd").value = result.rgb;
}
if ( window.addEventListener ) {
	window.addEventListener('message',get_post_message, false);
}
else {
	window.attachEvent('onmessage',get_post_message);
}



タグ:postMessage
【Firefoxの最新記事】
posted by lightbox at 2011-08-28 01:33 | Firefox | このブログの読者になる | 更新情報をチェックする
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

CSS ドロップシャドウの参考デモ
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり