Bookmarklet 用 Dynamic Script Loader

Date
2006-03-06 (Mon)
Category
javascript

これの続きと言えば続き。Bookmarklet で、任意のページに script 要素を挿入する時、複数ファイルを挿入するとして、それらのファイル同士に依存関係があった場合、読み込みタイミングのせいで、うまく行かないことがあります。

例えば prototype.js と scriptaculous をある bookmarklet で使いたくて、両方読み込むようにするとしても、普通に var s = document.createElement("script");... というのを３個連続させると、何々が定義されてないとか出るわけです。やってみましょう。

試しに振ってみる

まずは prototype.js を読み込んで、変形版 scriptaculous を読み込み、それでそれら両方を使った javascript を実行させています。おそらく一回目にクリックしたときは、コンソールにエラーが出ます。２回目にクリックすると、エントリ全体が揺れる、はず。

しかしネットワーク状況もあるだろうし、動作は一定ではないみたいですね。でも作る側としてはエラーはイヤじゃないですか。と言うわけで作ったのがこの逐次順列読み込みscript。

DySL.js

この object を使えば、読み込む script の順番を完全に制御できます。使い方はこんな感じ。

var dysl = new DySL();
dysl.load(
	"http://tksh.local/beta/alert2.js", 
	{src:"http://tksh.local/beta/alert3.js", id:"abcdedf"}, 
	"http://tksh.local/beta/alert4.js"
);

load メソッドは、src attribute に当たる文字列か、src というラベルを持つ Object を受け付けます。script が持ちうる attribute なら何でもラベルにくっつけてやれば（language とか charset とか）、そのまま反映されます。

欠点としては、読み込まれる側の script に、必ず手を加えなければいけないことでしょうか。ま、是は bookmarklet での使用があるので、多少の手入れは容認しました。ツールを作ればいいのかな。。

以下 DySL.js のコード

function DySL() {};
DySL.prototype = {
	queue: new Array(),
	status: new String(),
	done: function() {
		alert("done");
	},
	finish: function() {
		if (this.queue.length != 0) {
			this.inject();
		} else {
			if (this.status == "LOADING") {
				this.status = "DONE";
				this.done();
			} else {
				alert("no file path is passed yet.");
			}
		}
	},
	inject: function(){
		var crntSrc = this.queue.shift();
		var z = document.createElement("script");
		z.type = "text/javascript";
		for (var i in crntSrc) {
			z.setAttribute(i, crntSrc[i]);
		}
		document.body.appendChild(z);
	},
	load: function() {
		var len = arguments.length;
		if (len != 0) {
			this.status = "LOADING";
			for (var i = 0; i < len; i++) {
				switch( typeof(arguments[i]) ) {
					case "string" :
						this.queue.push({src:arguments[i]});
						break;
					case "object" :
						this.queue.push(arguments[i]);
						break;
				};
			};
		};
		this.inject();
	}
}

Comment:17

yiwu market:2011-03-11 (Fri) 20:24

Its my great pleasure to visit your blog and to enjoy your great posts here. I like it a lot. I can feel that you paid much attention for those articles, as all of them make sense and are very useful

Cheap jerseys:2011-08-18 (Thu) 23:40

Favorite team and player through putting cheap nfl jerseys in the different jerseys. Nfl jerseys are always the good choice for presents. Whether you are sitting and watching the games among the excellent teams in the front of the Live TV or you are just watching them of the DVD player merely, you just have the need to wear a set of your favorite team and players; that will be so stylish and even though yourself also immersed!I had a bad mood today .In fact when I bought a cheap nfl jersey from the nfl jersey wholesale I was happy.However when I took them to wash I found that they fade which made me feel innocence.If so they can protect girls with a strong power ,a guy in a nfl jersey who looks very sunny .But the guy you should be smart to make the girl happy.We refuse to sale low quality cheap authentic jerseys.Just come and have a look you may find a excellence club from others ,looking forward to your joining!

coach outlet:2011-08-19 (Fri) 05:37

Now can be the perfect time to choose a Coach Outlet Online. With fall getting best suited right here in numerous of weeks, something are on the way to acquire on clearance. But this appears to turn out to be the way in which by which you can appear throughout a little something at you Coach Handbags Outlet on sale. mentor utilizes the most significant best brilliant quality of factors to manufacture their products. We are the best Coach Purses Outlet agents.Welcome to buy in our online shop.More discount for you.

coach outlet online:2011-08-19 (Fri) 05:38

Now can be the perfect time to choose a Coach Outlet Online. With fall getting best suited right here in numerous of weeks, something are on the way to acquire on clearance. But this appears to turn out to be the way in which by which you can appear throughout a little something at you Coach Handbags Outlet on sale. mentor utilizes the most significant best brilliant quality of factors to manufacture their products. We are the best Coach Purses Outlet agents.Welcome to buy in our online shop.More discount for you.

discount gucci handbags:2011-08-30 (Tue) 05:29

discount gucci handbags are made of the most durable materials in the world,and eachdiscount gucci handbagsa selection of quartz and/or mechanical timepieces,designed with various materials,including gold,silver,and stainless steel,as well as precious and semiprecious stones.look at this low pricediscount gucci handbags,it is in Silver Gold.It is matching to any of your clothes.You can wear it to any occasions,which shows the status of you,and makes you more charming.

cheap nfl jerseys:2011-09-13 (Tue) 02:52


Very happy to see your article, I very much to like and agree with your point of view.

Rift Plat:2011-09-19 (Mon) 03:50

allow unbridled no worries way to cartier while mining has the potential popularity as attention focus Red Gold .

Current Sensor:2011-09-21 (Wed) 02:49

Centralised power generation became possible when it was recognised that alternating current power lines can transport electricity at very low costs across great distances by taking advantage of the ability to raise and lower the voltage using power transformers.

Montclair UGG Boots Sale:2011-09-25 (Sun) 23:15

The article in your blog reminds me some old memory .That is good .It gives me happy .I think we will have a harmonious talk.Do you agree?

cheap watches:2011-09-29 (Thu) 21:38

Add YoIt is nice to find a site about my interest. My first visit to your site is been a big help. Thank you for the efforts you been putting on making your site such an interesting and informative place to browse through. I’ll be visiting your site again to gather some more valuable information. You truly did a good job.
ur Comment

Louis Vuitton Outlet:2011-10-21 (Fri) 01:53

Have you ever dreamed of being as charming as Madonna? Have you ever thought of becoming an envy of all your friends? If so, come to louis vuitton outlet.

WildaDURAN:2011-10-23 (Sun) 18:12

The loan suppose to be essential for people, which are willing to start their organization. As a fact, that's easy to receive a consolidation loan.

wedding dress:2011-10-28 (Fri) 04:15

I like your article so that I read all of your articles in a day.Please continue and keep on writing excellent posts.

Office 2010:2011-11-16 (Wed) 20:09

No more switch Office 2007 from view to view in order Microsoft Office 2010 key to determine your availability.

cheap clothes:2011-11-30 (Wed) 19:49

I am very admire your article, very good! Also very amazing!

Microsoft Office:2011-12-22 (Thu) 20:02

You are great! But I still did good! Hey!

Microsoft Office 2010:2011-12-23 (Fri) 02:33

Thanks a lot！

Comment Form

Remember Me?


Trackback:0

TrackBack URL for this entry
http://blogs.grf-design.com/mt/mt-tb.cgi/152
Listed below are links to weblogs that reference
Bookmarklet 用 Dynamic Script Loader from The Croton

Return to Page Top