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の最新記事】
- Firefox の Firebug で、実行済みのページのソースをクリップボードにコピーする
- Firefox のアドオンのサンプルを使って『作成方法』を知る為の準備
- Firefox ヘルプ : 新しいタブが最後のタブの右側に表示されない
- Greasemonkey で、NAVER まとめの表示順の初期表示を『更新順』にする
- Firefox で localStorage を編集するアドオン(FireStorage)は、GNU GPL なのでダウンロード(インストール) できるようにしました
- Firefox6 : 気になる変更点、postMessage のオブジェクト引き渡しと、アドレスバーのスクリプトの直接入力
- Firefox で localStorage を編集するアドオン
- Firefox4 専用。XMLHttpRequest を使用した複数ファイルのアップロード
- Firefox4 : 複数選択ファイルアップロードの準備
- Firefox4 : ローカルPCからファイルをドラッグドロップしてファイルの中身を使用する事ができます
- Firefox 4.0 のオレンジ色のアプリケーションメニューとメニューバー
- Firefox 4.0 限定機能らしい「XPIファイルを展開しない」というオプション変更できる Configuration Mania というアドオン
- Firefox でのクッキーのメンテナンス( 標準で利用できるツールの場合 )
- Firefox で簡単にクッキーを削除する方法
- Firebug の変更可能なショートカットのデフォルト値
- Firebug で要素を調査 / Firefox アドオン
- Greasemonkey でSeesaa の記事投稿のテキストエリアの右上に保存ボタンと記事一覧画面の一括編集ボタン
- Greasemonkey : YouTube にダウンロードリンクを付加
- Firefox拡張のバージョン制限の直接書き換え