C O N T E N T S

Part 1


1-1 クロスブラウザとは

「クロスブラウザを制する」は、 JavaScriptのクロスブラウザテクニックを紹介していくシリーズだ。 テクニックの解説に入る前にクロスブラウザスクリプトの概略と現況を眺めてみたい。



Part 2


クロスブラウザを実現するための汎用関数と実例サンプル。コピー&ペーストでとりあえず動かしてみよう。大半のサンプルが Win n4 n6 moz e4 e5 e6, Mac n4 n6 moz e4.5 e5 , Linux n4 n6 moz の環境で動きます。

  • showLAYER() 表示属性set(表示)
    • 出す
  • hideLAYER() 表示属性set(非表示)
    • 消す
    • 出す/消す
  • moveLAYER() レイヤ-移動
    • クリックで移動
    • マウスを追って移動
  • moveByLAYER() レイヤ-移動(対現在地)
    • 現在位置を起点として移動する
  • slideLAYERs() 複数レイヤ-スライド
    • スライドする
  • outputLAYER() HTMLを出力する
    • HTML出力
  • setCLIP() クリップ
    • ワイプクリップ
  • wipeCLIP() ワイプクリップ
    • ワイプクリップ
  • zindexLAYER() 奥行きZ座標set
    • レイヤーの重なり順を変更
  • setBGCOLOR() 背景色set
    • レイヤーの背景色を変更
  • fixedLAYER() 位置固定
    • レイヤーの位置を固定表示する
  • setBGIMG() 背景画像set
    • レイヤーの背景画像を変更
  • getMouseX() getMouseY() マウス座標XY取得
    • マウス位置を取得する
  • setFGCOLOR() 文字色変更 [ 2001-9-3 追加 ]
    • 文字の色を書き換える
    (n4を除く)
  • getBrowserLANG() ブラウザ言語get [ 2001-9-15 追加 ]
    • ブラウザ言語を取得する
  • getScreenWIDTH() スクリ-ン幅get [ 2001-10-1 追加 ]
    • スクリ-ン幅(フルサイズ)を取得する
  • getScreenHEIGHT() スクリ-ン高get [ 2001-10-2 追加 ]
    • スクリ-ン高(フルサイズ)を取得する
  • getScreenAvailWIDTH() スクリ-ン有効幅get [ 2001-10-3 追加 ]
    • スクリ-ン有効幅(タスクバーなどを除く)を取得する
  • getScreenAvailHEIGHT() スクリ-ン有効高get [ 2001-10-4 追加 ]
    • スクリ-ン有効高(タスクバーなどを除く)を取得する
  • getKEYSTR() 押されたキーの文字get [ 2001-11-1 追加 ]
    • 押したキ-の文字列を取得する
  • getKEYCODE() 押されたキーコードget [ 2001-11-2 追加 ]
    • 押したキ-のキーコードを取得する
  • fadeBGCOLORtoTRNS() 背景色フェイド(→白,透明) [ 2002-1-12 追加 ]
    • レイヤーの背景色を指定色→白→透明へフェイドさせる
  • fadeBGCOLOR() 背景色フェイド(→指定色) [ 2002-1-27 追加 ]
    • レイヤーの背景色を指定色→指定色へフェイドさせる
  • getLEFT()レイヤ-左辺X座標get [ 2002-2-23 追加 ]
    • ブラウザ(または親要素)左端からのレイヤ-左辺位置をピクセルで取得する
  • getTOP() レイヤ-上辺Y座標get [ 2002-2-24 追加 ]
    • ブラウザ(または親要素)上端からのレイヤ-上辺位置をピクセルで取得する
  • getRIGHT() レイヤ-右辺X座標get [ 2002-3-6 追加 ]
  • getBOTTOM() レイヤ-下辺Y座標get [ 2002-3-11 追加 ]
  • dragLay() ドラッグレイヤー生成 [ 2002-4-17 追加 ]
  • getMouseXonScreen() Screen上のマウス位置Xget [ 2002-6-1 追加 ]
  • getMouseYonScreen() Screen上のマウス位置Yget [ 2002-6-8 追加 ]
  • setOpacity() 不透明度set [ 2002-6-15 追加 ]
  • fadeOpacity() [ 2002-6-21 追加 ]
  • wrtCalendarLay() 日付入力用カレンダー生成 [ 2002-6-28 追加 ]
  • win_closed() 親子ウインドウの有無確認 [ 2002-8-08 追加 ]
  • openHELPWIN() ヘルプウインドウ [ 2002-8-28 追加 ]