はじめに Webブラウザ（以下、ブラウザ）の種類やバージョン、各々のブラウザ独自の実装の違いを考慮し、同じように動作するスクリプトを「クロスブラウザスクリプト」と言います。ここでは、クロスブラウザスクリプトを実現する方法について、順を追って解説してきています。 本来のJavaScriptの理想的な姿として、一つのスクリプトを書けば、JavaScriptをサポートしたブラウザであれば、同じように動くべきなのでしょう。しかし、ブラウザによって細かな実装の違いがあるため、クロスブラウザスクリプトのテクニックが必要となってきます。 現在一般的に使われているブラウザである、Internet ExplorerやFirefox、Opera、Safariなどでは、それらのブラウザの積極的なDOMサポートのおかげで、以前ほど多くの実装の違いはなくなってきています。しかしそれでも、JavaScriptの中でも
Lightboxes, Modal Windows and Tooltips for Prototype.js Tutorial API Resources Introduction By default, Control.Modal creates modal windows and lightboxes from any links/anchors elements on your pages. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one
The window.onload Problem (Still) Published January 30, 2007 in JavaScript, Unobtrusive, window.onload The goal of unobtrusive JavaScript programming it to separate the JavaScript behavior from from the HTML content and is analogous to the goal of unobtrusive CSS design to separate the CSS presentation from the HTML content. Separation of presentation and content has been possible for years but th
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 ここで紹介されているようにtarget属性は非推奨となっているためXHTML準拠するためにはこれ以外の方法にて実現する必要があります。 リンク元ではprototype.jsを利用してすべてのpopupクラスのリンクに新規ウィンドウで開くjavascriptイベントをバインドしていますが、ここではjquery.jsを利用して実装してみましょう。 function initOpenNewWindow() { var popupEvent = function(event) { window.open(this.href); event.preventDefault(); event.stopPropagation(); } $("a.popup").each(function(i) { $(this).click
SEの竹村です。 Lightboxという画像のサムネイルをクリックすると同じ画面上で拡大画像を表示できるJavaScriptのライブラリがあります。Lightboxについては、以下の公式ページのほかに、様々なブログに評価や応用例が掲載されているので検索してみてください。 Lightbox JS http://www.huddletogether.com/projects/lightbox/ 同じように、リンクをクリックすると同一画面上でBOXが開き、HTMLを表示するライブラリがあります。それが今回取り上げる LITBox です。 Ryan J Lowe’s Dev Blog ? Blog Archive ? LITBox http://www.ryanjlowe.com/?p=9# これは、URLを与えると非同期でデータを取ってきて、BOX内に表示するものです。 その他の基本的な使い方に
<body> <h1>Prototype Window Classリファレンス</h1>
Overview This javascript class allows you to add window in a HTML page. This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it's not mandatory. It has been tested on Safari, Camino, Firefox and IE6, Opera looks fine. Features Valid HTML/XHTML gener
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
