はてなブックマーク

Netscape と InternetExplorer ではイベントモデルに互換性がないのはよく知られていることです。 また、イベントモデルもそうですが IE と NS ではイベントの格納される場所も違います。 IE の場合、イベントオブジェクトは常に「グローバルオブジェクト(event)」であるのに対し、NSでは「イベントハンドラの第一引数」がイベントオブジェクトになります。 つまり、クロスブラウザなイベントオブジェクトの取得方法は次のようになります。 function handler( e ){ if( document.all !== void 0 ) e = window.event ; // IE の場合、グローバルオブジェクトから取得 alert( e ); } document.onclick = handler ; これは特に珍しくもなく、極々普通に行われていることです。

Dynamic HTML(DHTML) をメインコンテンツとし、JavaScript,DHTML サンプル、クラス,DHTML Cross Browser 用クラスなどを公開しています

ここでは Macromedia Flash のモーション設定にあるイージングを考慮した移動を数学的に分析し、実際にどのようなアルゴリズムなのかを調べていきたいと思います。 イージング移動については Class Library の Edging Mover クラスを参考にして下さい。実際にどのような動作をするのかは イージング移動サンプルが参考になると思います。 これらのページでも述べていますが、イージングとは「オブジェクトが移動するときのコマ割を決めるもの」です。直線的に移動させるとき、単に等速で移動させるのではなく、加速度を考慮したアニメーションが可能になります。JavaScript は連続的な動きは実現できず、このコマ割を変えることは非常に重要で強力なものとなります。 では、実際にイージングを考慮した直線移動について調べていきたいと思いますが、上述した通り重要なのは「コマ割」です。この

EdgingMover , Action , Cookie クラスアップ！ Dimension クラス : メソッド宣言位置の変更。max , min メソッドの追加。offset メソッドの削除。 Point3 クラス : メソッド宣言位置の変更。max , min メソッドの追加。offset メソッドの削除。RGBtoHSB , HSBtoRGB クラスメソッドの追加。 Client クラス : クラス名の変更。各種クラス変数の追加。Netscape 6 , Mozilla への対応。setBackgroundColor メソッドを追加。 Gradation クラス : クラス名の変更。 Element クラス : Netscape 6 , Mozilla への対応。インスタンス変数 object を layer に変更。zIndex 不備の修正。getImage メソッドの追加。s

JavaScript の基本 [ 未完成 ] ユーザ定義オブジェクト [ 2001/05/14 ] JavaScript Diary [ 2003/11/24 ] サンプル集 [ 2002/01/19 ] 46個 他人のソース見てて気になったので計算の速さを調べてみた．何の速さかって言いますと var a0 = new Array(1000); var a1 = new Array(); 「Array の大きさを指定する場合と，指定しない場合」です．ということで比較プログラム↓ var N = 200000; // 配列の長さ（＝ループ回数） var t00, t01, t10, t11; // 引数無し { t00 = new Date().getTime(); var a0 = new Array(); for (var i = 0; i < N; i++) a0[i] = 0; t0

JavaScriptの高度な書き方，JavaScriptのユーザ定義オブジェクトの作成方法について記します． ユーザ定義オブジェクトとは，その名の通りユーザで定義するオブジェクトです．JavaScriptには組み込みオブジェクトとして，Stringオブジェクト, Mathオブジェクト，RegExpオブジェクトなど数々の有用なオブジェクトが用意されています．ユーザ定義オブジェクトとは，ユーザで定義したこのようなオブジェクトのことをいいます． JavaScriptはC/Pascal言語のような手続き型でプログラミングできますし，C++/Java言語のようにオブジェクト指向型のプログラミングをすることもできます．JavaScriptは本格的なオブジェクト指向型言語とは言えませんが，一つ大きな機能として「フィールドとメソッドを一つのまとまりとして定義するオブジェクトの抽象化」を備えています．このよ

あるメニュースクリプトを作成していたのですが、そこで「ユーザが任意で作成するTABLEタグ内のAタグの位置を正確に取得」しなくてはいけない状況になってしまい、しかもクロスブラウザということなので、まぁなんとも「スクリプター泣かせ」な話だなあと思いつつ、半ば諦め状態であったがそれなりに実装できたので紹介しておく。 テスト環境は IE5,NS4,NS6/WIN であるが、兎に角参ったのはIE5である。 ご存知の通り、IE5はTABLEがHTML構造からある意味独立してしまっている。これはスタイルシートで BODY{ font-size:13px; } などとしていてもTABLEのセルには継承されず、恐らく BODY,TH,TD{ font-size:13px; } と書いている人も少なくないと思う。 これが JavaScript にも影響しているのが痛い。つまり、要素の offsetLeft,

「皆さん良いお年を」と書いて早6ヶ月経ちました f^^); どうもお久しぶりです。優乃です。 何をやっていたかというと別にサボっていたわけではなく、訳あって非常に忙しい日々に追われておりました。 それではJavaScriptに関して何もやっていないかというとそうではなく、プログラムは書いてたので、多少の時間を利用してガリガリ書いております。 JSで圧縮（符号化）してみたり、暗号化してみたり、グラフ作成してみたり、等などです。 僕の問題はプログラムを書くのは好きなのですが、それをドキュメント化するのが非常に苦手という点でして、また気が向いたら少しずつ紹介していきたいと思います。 さて、本題に移りますが、今回は題名通り「継承」に関することです。 (WEB上の)JavaScriptで継承の機能を利用している人なんて正直見たことないのですが、ネットの進化や、.NETの台頭に伴い、継承が＊使える＊時