Trivial Tracks: Javascriptのクロスブラウザライブラリ
Javascriptを少しでも自分で書いたことある人は、各種ブラウザ間の共通性・互換性の弱さにため息や頭痛を感じた人も少なくないのではないでしょうか サイト上にスクリプトが記載されていて、それをコピペして借用する方法もあるが、経験上こういうコードは意外と完成度が低く、自サイトでは挙動がおかしいということが多々ある。 こう思った人がブラウザ間の差を吸収したライブラリを誰か提供してくれているに違いないと思い探してみるとまず最初に引っかかったのがPrototype.js。 残念ながらこれは間違いではないが、目的がAjaxに重点を置いているため古いブラウザは問題外となっている。 ちなみに正式対応なIEバージョンは6以降と書いてある。 そしてやっと探しあてたのが以下で紹介されている「X Library」 http://www.cross-browser.com/ これの完成度は本当に素晴らし
QrONE - QrONE Components
QrONE Components QrONE の提供する Rich-Web 部品はどこぞで配られているような、ごてごてしたものではなかったりします。基本に忠実、標準の部品をそのまま使いインターフェースの変更を最小限に留めて作っています。 また表示の美しさ、クロスプラットフォームにもこだわっています。 動作環境 InternetExplorer 6.0 以上 FireFox 1.0 以上 Opera 8.5 以上 現在確認は取れていませんが、Safari2.0 以上でも動作報告を受けています。 ダウンロード 以下からフルパッケージを入手できます。実際の使い方については各パーツのページを参照してください。
Cross Browser DHTML Menu - List Of JavaScript Menu Samples
The Milonic DHTML Menu is a website navigation system that allows users to navigate your website using a pulldown navigation system, similar to that used on every Graphical User Interface (GUI). The menu has many editable parameters and all colors, fonts, links and sub menus can be modified to suit your needs. The Following is a list of our sample menus that you can download and modify for your ow
JavaScript Tips collection
タイトルは月並みですが、1) 実用的 2) ブラウザのバージョンに関係なく動くことを目標に作成した JavaScript Tip集と IE 及び NN どちらでも動作する Cross Browser DHTML の Tip集のページです
ブラウザ、バージョン、プラットフォーム互換 JavaScript と Dynamic HTML
[訳注] Link先ページ名もその大部分を和訳しましたが、実際のLink先は全て原文のままです。別途和訳が用意されているページでも、タイトル名が異なることが多いと思います。 クロスブラウザ、クロスプラットフォーム、後方互換 Dynamic HTML 入門 Eric Krock, Netscape Vladimir Ermakov, Netscape 最終更新日 : 2000/12/14 どのブラウザでも同じ動作をする Dynamic HTML を書きたいのですか？ このテクニカルノートは、古いブラウザでも支障なく最大限多くの読者が閲覧できる Dynamic HTML ページの作成にあたって役立つ、Netscape サイトや他のいろいろなところで入手できるツールやテクニカルノートや記事などの概要を説明します。 目次 何故クロスブラウザ Dynamic HTML にするのか？
クロスブラウザを制する シリーズのサンプル目次 - ［JavaScript］All About
1-1 クロスブラウザとは 「クロスブラウザを制する」は、 JavaScriptのクロスブラウザテクニックを紹介していくシリーズだ。 テクニックの解説に入る前にクロスブラウザスクリプトの概略と現況を眺めてみたい。 クロスブラウザを実現するための汎用関数と実例サンプル。コピー&ペーストでとりあえず動かしてみよう。大半のサンプルが Win n4 n6 moz e4 e5 e6, Mac n4 n6 moz e4.5 e5 , Linux n4 n6 moz の環境で動きます。 showLAYER() 表示属性set(表示) 出す hideLAYER() 表示属性set(非表示) 消す 出す/消す moveLAYER() レイヤ−移動 クリックで移動 マウスを追って移動 moveByLAYER() レイヤ−移動(対現在地) 現在位置を起点として移動する
クロスブラウザ実現のための基本関数群について
NNでもIEでも動くDHTMLの事を、一般に 「クロスブラウザDHTML」 と呼んでいるようです。 そして、クロスブラウザ用スクリプトを書く上で、基本的な情報の取得や設定を行なうための ワンライナ的（ 要は数行の関数 ）な著作権フリーのスクリプトがいくつかのサイトや書籍などで公開されています。当サイトではそういった基本的な関数については、少し別の書き方をしたり追加している関数もありますが、萩原さんの JavaScript Tips集にある、ライブラリ集の関数を、基本的にそのままの形で使わせて頂いています。 以下、簡単にこれらの関数について解説しますが、さらに詳しくお知りになりたいという方は、萩原さんのライブラリ集解説ページや同じサイト内の「Mozilla の憂鬱」のコーナーにあるライブラリ集解説ページを直接ご覧下さい。 なお、Operaについては、日本語版が出た Opera 6以上で動け
X Library(クロスブラウザJavaScriptライブラリ)メソッド一覧 - FAX
X Library(クロスブラウザJavaScriptライブラリ)メソッド一覧 翻訳 (via Trivial Tracks: Javascriptのクロスブラウザライブラリ) 原文： XV: X Library Viewer xaddeventlistener xAddEventListener(ele, sEventType, fnEventListener[, bCapture]) エレメントにイベントリスナを登録する。いくつかのブラウザのために、window.onscrollとwindow.onresizeイベントをシミュレートする。 xappendchild xAppendChild(oParent, oChild) 安全なDOMラッパー。 xbackground xBackground(ele[, sColor[, sImage) エレメントの背景色とイメージを取得する。オプシ
Dynamic HTML cross-browser/Examples
<BODY onLoad="self.focus()"> このページを見るのにはフレームの表示ができるブラウザが必要です。 </BODY>
HTMLElement Prototyping 2007 - Thousand Years
HTMLElement Prototypingとは? divやspanなどのHTML要素に独自メソッドを追加する為のprototype拡張の手法です。これを応用するとIEやOperaで採用されているinsertAdjacentHTMLをfxで利用できるようにしたりSafariで利用できるようになります。 各ブラウザ毎に実装が異なる場合があるのでクロスブラウザ用としてまとめエントリしておきます。 // prototype拡張前は当然以下はエラー document.getElementById('foo').foo(); // prototype拡張後は実行される。 HTMLElement.prototype.foo = function(){ alert('foo'); }; document.getElementById('foo').foo(); // alert('foo'); HTM
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Decoration HTML Room
QrONE - TextArea