JavaScript++かも日記

【ダイナミックロード】dynamicLoad関数でcharsetも指定できます

【ダイナミックロード関数 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

<script>
 
	function dynamicLoad(url,charset){
		var d=document.body.appendChild(
			document.createElement('div')
		),s=document.createElement('script')
		if(charset)s.charset=charset;
		s.src=url;
		d.appendChild(s);
	}

</script>

<p>◎game.gr.jpの Shift_JIS の jsファイルを読み込む
<br>
  <input type="button" 
         value="load test1.js" 
         onClick="dynamicLoad('http://game.gr.jp/mag2p/2/loadjs/test1.js','Shift_JIS')"><br>
  <input type="button" 
         value="load test2.js" 
         onClick="dynamicLoad('http://game.gr.jp/mag2p/2/loadjs/test2.js','Shift_JIS')">
</p>

<p>◎game.gr.jpの UTF-8 の jsファイルを読み込む
<br>
  <input type="button" 
         value="load test1.js" 
         onClick="dynamicLoad('http://game.gr.jp/mag2p/2/loadjs/test1-utf8.js','utf-8')"><br>
  <input type="button" 
         value="load test2.js" 
         onClick="dynamicLoad('http://game.gr.jp/mag2p/2/loadjs/test2-utf8.js','utf-8')">
</p>

<p>◎bosan.netサーバーの Shift_JIS の jsファイルを読み込む
<br>
  <input type="button" 
         value="load from bosan.netサーバーtest1.js" 
         onClick="dynamicLoad('http://bosan.net/test2/test1.js','Shift_JIS')"><br>
  <input type="button" 
         value="load from bosan.netサーバーtest2.js" 
         onClick="dynamicLoad('http://bosan.net/test2/test2.js','Shift_JIS')">
</p>

<p>◎jsgt.orgサーバーの Shift_JIS の jsファイルを読み込む
<br>
  <input type="button" 
         value="load from jsgt.orgサーバーtest1.js" 
         onClick="dynamicLoad('http://jsgt.org/test/loadjs/test1.js','Shift_JIS')"><br>
  <input type="button" 
         value="load from jsgt.orgサーバーtest2.js" 
         onClick="dynamicLoad('http://jsgt.org/test/loadjs/test2.js','Shift_JIS')">
</p>

---

---

【コメント】(←clickで入力欄open)

【X01HT】ひさびさにアクセスしてみたら

【Ajax 】 , Movable Type 】 , X01HT 】 , ダイナミックロード関数 】 , 携帯 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

今、モバイル携帯 X01HTでアクセスしてみたら、なんと、【最近の記事】のメニューツリーが動作していました。ちょっと重いですけど(^^;

昨日のエントリ「【JavaScript】ダイナミックロードで別ドメインと会話する 」も動作していて、ダイナミックロードについては、utf-8BOM版はダメで、URIエンコーディング版は動作していました。うーん。URIエンコーディング最強か。

ブラウザのリクエストヘッダ調査 にも足跡を残しておきました。
http://jsgt.org/ua/header_view.php?id=530

ブラウザのリクエストヘッダ調査
http://jsgt.org/ua/reqheader.php

---

---

【コメント】(←clickで入力欄open)

【ダイナミックロード関数】ほぼフルクロスブラウザ対応に!

【JavaScript 】 , ダイナミックロード関数 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

昨日のエントリ「【JavaScript】ダイナミックロードで別ドメインと会話する 」のなかで、ダイナミックロードがSafariで動作してしまっていた！ことに気がついて、調べてみたら、あれでした。

当時は、まだ、文字コードに関するSfariの問題に気づいていなかったので、ダイナミックロード関数を泣く泣く置き去りにしてきたのですが(笑;;、なんのことはない、結局Ajaxと同じ部分でSafariがダメだったのです。

まぁ、Ajaxの文字化け問題を解決しようと思って多少努力した成果が、巡り巡って、6年たって、あっさり昨日解決してくれました(^^;;

とりあえず、解決方法として、下記を試して成功しました。もう、コンストラクタ化すべきかなぁ。

• utf-8(BOM)を使う*X01HTの調査で脱落しつつあります、、、
• URIエンコード処理する

ページ構築後の外部jsダイナミックロード用関数
http://game.gr.jp/mag2p/2/loadjs/loadjs.htm

川崎さんの例のルーチンもたぶん使えるのではないかと思います。

P.S.
で、ひさしぶりにダイナミックロードのページを辿ったら、2001〜2002年当時、いろいろ遊んでいたページを見つけました。このテクニックをなんと呼んだらよいのか？と悩んでいるところがほほえましいです(^^;

perlでscriptタグのsrcへJavaScriptコードを出力する
http://game.gr.jp/svmix/js/alert.htm

JavaScript + Server 高速軽負荷掲示板
http://game.gr.jp/svmix/dragbbs/bbs.htm

---

---

【コメント】(←clickで入力欄open)

【ダイナミックロード関数】クロスドメインからのダイナミックロード

【Ajax 】 , ダイナミックロード関数 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

Ajaxの関係で、クロスドメインからのダイナミックロード需要がでてきたみたいで、最近時々聞かれることがあるので、とりあえず。

ダイナミックロードカテゴリ
http://jsgt.org/mt/archives/01/cat_aessaieoeo.html

ダイナミックロード
http://game.gr.jp/mag2p/2/loadjs/loadjs.htm

#ま、充分に枯れています(^^;
#これは、普通の外部.jsインクルードと同じことですので、信頼できないサイトへ取りにいくときは、ログイン入力ページなどでの利用は避けてくださいね。こういう理由です→http://jsgt.org/mt/archives/01/000688.html

---

---

【コメント】(←clickで入力欄open)

【Ajax】今となっては旧な(笑)ダイナミックロード関数

【Ajax 】 , JavaScript 】 , ダイナミックロード関数 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

まぁ、個人的には、Ajaxの画面遷移無しで、サーバーからデータをsend/loadする方法としては
ダイナミックロード関数があって、
http://game.gr.jp/mag2p/2/loadjs/loadjs.htm

たとえば、この
ドラッガブルなBBSデータのダイナミックなsend/loadで使っていたりします。
http://game.gr.jp/svmix/dragbbs/bbs.htm

この方がXMLよりも軽いわけで良いでしょ？というのが当時の売りだったのですが、XMLHttpRequest のresponseText なら、むしろ、シンプルかなという気はします(^^;。

実は、このBBSのエンジンは当時開発しようとしていた NewGameWeb の対戦データ送受信用のモジュールで、結局、日の目は見なかったんですが、ソースをかち割っていくと、そういう残骸コメントなどを読むことが出来ますf^^;

まぁ、この辺のダイナミックロードテクニックや、更に大昔から使われてきたフレームを利用する動的ロードなテクニックは、今後Ajaxのクロスブラウザ化の役にたてそうな気もしています、、、。

とはいえ、生の.jsを自由にインクルードするのはデータを読むのとは、そもそも別の次元ではあります。

#Ajax調べていたら、CPANみたいなJSAN？考えてる人がいました。ちょっと気になる。
http://la.ma.la/blog/diary_200504140039.htm

---

---

【コメント】(←clickで入力欄open)

ダイナミックロード関数

【JavaScript 】 , ダイナミックロード関数 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

■ダイナミックロード関数

通常は外部jsファイルはページ構築後にロードできませんが この関数は、たとえばPerlのrequireなど のように必要な時に呼び出して使えるようにするためのもの。 これによって、必要な最小限のソースだけを必要な時に ダイナミックにロードして使えるようになります。また、なるべくクロスブラウザで安定して動作するように微調整してります。 ★↓修正版あり

使用可能なブラウザ

Win n4 n6 n7 moz e4 e5 e6,
Mac n4 n6 n7 moz e4.5 e5,
Linux n4 n6 n7 moz

[ サポートページ ] http://game.gr.jp/mag2p/2/loadjs/loadjs.htm

[ 更新] [ update! 2002.7.17 ] Moz n7 に対応修正しました( Thanx はぎさん、Shimonoさん )。
[ 関連リンク ]
NewGameWebメルマガ　「JavaScriptサンプル」2002/01/17 22:20号
http://backno.mag2.com/reader/Back?id=0000010658

---

---

【コメント】(←clickで入力欄open)

ダイナミックロード用関数

【JavaScript 】 , ダイナミックロード関数 】 ブックマーク-- Buzzurl  / Hatena  / Livedoor

XMLのロード関数より便利な？
ページ構築後の外部jsダイナミックロード用関数 を久しぶりに見に行ったら

http://game.gr.jp/mag2p/2/loadjs/loadjs.htm

bosan.net側に置いておいた.jsファイルサンプルが丸1年間も死んでいました。1年前に同じtestディレクトリで.jsのcgi化実験をしたときの.htaccessをそのままにしていたせいです。すみません(_ _b われながら、なんというスローな...

---

---

【コメント】(←clickで入力欄open)