JavaScript Archive

さて、師走も年の瀬です。
当ブログは全く季節感がありませんが、、まぁいいでしょう笑

さて、今回はswfobjectを扱う時のswfの背景透過です。

本来のobjecタグを用いたswfの埋め込みでは、embedタグにname="wmode",valueに"transeparent"にすることで実現できます。

<param name="wmode" value="transparent"/>

swfobject.jsでは、flashvarsと同じくObject型で形式をつくり、embedSWF()の第八引数に渡します。

下記の例では、プロパティをwmodeとし、valueを"transparent"とします。

これによって上記のようなparamタグが自動生成され、背面透過されます。

var flashVars = {}

var parms = {
	wmode :"transparent"
}
	swfobject.embedSWF("example.swf", "contentSWF", "870", "436", "8.0.0","",flashVars,parms);

ローカルで、javascriptを内包するhtmlを開こうとすると、

セキュリティ保護のため、コンピュータにアクセスできるアクティブコンテンツは表示されないよう、InternetExplorerで制限されています。オプションを表示するには、ここをくりっくしてください

というようなダイアログがでたことがあると思います。コレは非常に煩わしく、ローカルで作業する場合に迷惑なものです。実はこれを解決するためのコードがあり、コメントタグの中に挿入することでこれらのダイアログを出さないように（ロックダウン）できます。

以下コード

Continue reading

FlashVarsを取得する(ActionScript 3.0)

HTMLに埋め込まれている変数を取得することができるFlashVarsですが、ActionScrip2.0では_roo.tomのように存在しない変数名であっても簡単に取得することができました。

しかしActionScript 3.0ではこの仕様はなくなり、ドキュメントクラス、またはタイムラインに属するMovieClip・SpriteクラスのloaderInfoプロパティ内に置かれます。
loaderInfoのparametersオブジェクトを参照すると、しっかりと受け取ることができます。
以下はfor in を使ってFlashVarsを取得する例です。

//FlashVarsの受取り
for (var name:String in loaderInfo.parameters) {
	trace(loaderInfo.parameters[name])
}

SwfObejectを使ってFlashVarsを定義

さて、FlashVarsはおおよそ、HTML/XHTMLのparamタグ内に以下のように定義します。

本来はこのように埋め込みますが、SWFobject.jsを使った場合、embedSWFメソッドの第7引数にオブジェクトとして指定することで、実現できます。

var flashvars = {
	reqURL:"test.xml"
};
swfobject.embedSWF("test.swf", "contentSwf", "920", "427", "9.0.0","",flashvars);

思いつきで、そっけないトップページに、jQueryをつかってRSSリーダーを作ってみた。
MTが出力しているXMLを取得して、エントリーのタイトルを表示している。

そうえいばjQueryは1.2.6にバージョンアップして、実行速度が２倍くらい上がったということだ。体感はそんなでもないけど。。
jQueryのいいところは、なんといっても手軽さだろう。思いついたことを手軽に実現できるのはクリエーターにとって有難い。Ajaxという概念の敷居を低くできているのも、こういったライブラリの恩恵に預かっているからといえると思う。

こんなにも手軽に、たった約10行たらずでRSSリーダーを作れる時代になったことは喜ばしい。
まぁ、これがクロスドメインだったら、ハナシは別なのですが、、

以下、ソース

$(function(){
	$.ajax({
		url: "blog/atom.xml",
		cache: false,
		dataType:"xml",
		success: function(xml){
			$(xml).find('entry').each(function(){
				var title = $(this).find('title').text();
				var url = $(this).find('link').attr('href')
				$('
').html(''+title+'').appendTo('ul#feedList');
    		});
		}
	});
});