memo:ie6でのJavaScriptエラー

admin — Thu, 14 Apr 2011 06:08:23 +0000

ie6においてJavaScriptのコメントに日本語を使用してる場合、JavaScriptを読み込んでいるページとエンコードが違うとエラーがでる。

エンコードを合わせるか、指定して回避。

1	<script charset="utf-8" language="javascript">

それとIEでArray.indexOfが実装されて無いそうで、実装する。

1
2
3
4
5
6
7
8
9
10

if (!Array.indexOf) {
Array.prototype.indexOf = function (target) {
for (var i = 0; i < this.length; i++) {
if (this[i] === target) {
return i;
}
}
return -1;
}
}

jQueryとjQuery UIがロードされているかを確認するBookmarklet

admin — Wed, 09 Feb 2011 00:14:57 +0000

ブックマークレットをjQueryで作る際にチェックが必要なので。
目的はjQuery及びjQuery UIを二重に読み込みを防ぐこと。jQueryとjQuery UIが読み込まれてるか確認するブックマークレット

Sample1

内容はこんな感じ

1
2
3
4

javascript:(function() {
alert('jQuery is ' + typeof jQuery);
alert('jQuery UI is ' + typeof jQuery.ui);
})();

単純ですね。ロードされてなければ “undefind” を返してくるはずです。
これにjQuery及びjQuery UIをロードするスクリプトを加えて

Sample2

こんな感じでロードされてるか、ロードされたかを確認できるのではないでしょうか。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

javascript:(function() {
alert('1:jQuery is ' + typeof jQuery);
var a = document.createElement('script');
a.type = "text/javascript";
a.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js';
document.body.appendChild(a);
a.onload = function() {
alert('1:jQuery UI is ' + typeof jQuery.ui)
var b = document.createElement('script');
b.type = "text/javascript";
b.src = 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js';
document.body.appendChild(b);
b.onload = function() {
alert('2:jQuery is ' + typeof jQuery);
alert('2:jQuery UI is ' + typeof jQuery.ui);
}
}
})();

実験

http://jqueryui.com/demos/draggable/
両方ロードされている筈です。

http://www.google.com/
最初は1:でロードされていないものの、2:ではロードされています。

今回使ったjsを圧縮してくれるツール
Online JavaScript/CSS Compression Using YUI Compressor

最後に

バージョン違いには別途確認が必要ですね。

bulblub» programming

memo:ie6でのJavaScriptエラー

jQueryとjQuery UIがロードされているかを確認するBookmarklet