javascriptの最近のブログ記事

ネタ元：MicrosoftとNokiaがjQueryを正式に採用

jQueryユーザーにとっては朗報ですね。そして、時代の流れを非常に感じる一報です。

ネタ元：IE6にPNG画像のアルファチャンネルを効かせる方法のまとめ

IE PNG Fix 2.0がべた褒めなんだけど、利用の際には注意が必要。

大詰めの某案件。Google MapをThickBoxに表示という要件が含まれていたんだけども、これが意外とてこずった。

ドラッグアンドドロップ処理の際に他のテキストを選択しないようにする方法

$("dt").mousedown(function(e){
	$("body").bind('selectstart', set_selectstart);
}).mouseup(function(){
	$("body").unbind('selectstart', set_selectstart);
})
var set_selectstart = function(){
	return false;
}

激しくはまったのでメモ。

ネタ元：ＩＥのスクリプトデバッガを無効にする方法

IEにスクリプトデバッガをインストールしたらVISTAじゃ動かないと言われた。

json形式のデータからメニューバーを作ってくれるYUIのMenuBarですがtext,url,targetしか設定できずonclickにイベントをハンドリングできないかと思ったら出来るようです。

prototype.windowを改造。

設置方法は以下を参照。
[to-R]サイト内にウィンドウを開く「Prototype Window 」

onbeforeunloadのIEでの挙動がちょっと面倒。

google map apiにマウスホイールイベントでズームとズームアウトを追加する方法。

prototype.jsでAjax.Requestを利用する際にparametersを一つづつ書いていたら日が暮れそうだとおもったら、簡単にできるっぽい。

入れ子のリストでクリックしたらその子要素のULを非表示にするJavaScript
まぁそういうものです。

google ma apiで地図上に任意のオーバーレイを設置できるカスタムオーバーレイ

style.floatで直接アクセスできるからといってfloatは予約語だから使ってはいけないよ。(ECMAスクリプトの拡張用の予約語)

IE: element.style.styleFloat = '***';
Firefox: element.style.cssFloat = '***';

だとか。

YUI Compressorあたりはエラーって言ってくる。

参考エントリー
javascript × DOM で style="float: ***;" を設定してたらはまったよ

タグをタグで囲みたいというわけです

prototype.jsがobjectオブジェクトを拡張している為for inでオブジェクトを回せなくなる

getComputedStyleでスタイルが取得できます。

javascriptで正規表現にオブジェクトを参照する際にはRegExpでオブジェクト化する必要がある。

sortメソッドだと文字列でソートをしてしまうので整数型でソートする方法

applyを使う。

onloadイベントでonclickイベントを追加する方法

現在実行されているイベントの情報を取得

よくわからないがクロージャはこんな感じらしい。

ブラウザにより改行をnodeと解釈したりしなかったりと仕様がまちまちなので、firstChildなんかはかなり使いにくい。そこでクロスブラウザなfirstChildの記述方法

Prototype.js news scrollerが公開されてたのでPrototypeLessにしてみた。

文字列.toLowerCase()

変数.slice(開始位置,終了位置)

負の値の場合、末尾から数える。

変数(省略可) = setInterval(関数名,ミリ秒)で関数を実行し続ける

script要素のcharset属性でsrc属性で参照しているページの文字コードを指定できます。