Top 10 custom JavaScript functions of all time とても便利なJavaScriptカスタム関数集10個をまとめたライブラリ「common.js」 読み込むことで、次のような便利関数が使えます。 addEvent - イベントの付与 addLoadEvent - onloadイベントの付与 getElementsByClass - classNameによってエレメントを得る。getElementById や getElementsByTagName のように使える ※ prototype.js にも実装されています。 cssQuery - cssのセレクタを元にエレメントを得る toggle - 表示、非表示を行う関数。 insertAfter - insertBefore という関数は標準でありますが、insertAfterというのはありません。

セレクタ IE7では新規に多くのセレクタがサポートされたが、IE6以下では対応していないため、下位互換を考慮すると対応が必要となる。しかし、セレクタの機能を他のプロパティなどで置き換えるのは難しく、「新規に対応したセレクタや未対応のセレクタは使用しない」という形で対応するしかないのが現状だ。 border-spacing border-spacingプロパティでは、テーブルの隣接するセルの罫線から罫線までの間隔を指定することができるが、IE7ではサポートされていない。 IE7での表示 Firefoxでの表示 サンプルソース: 2-3-1 table  {border: solid 1px blue; border-spacing: 10px} th, td {border: solid 1px red} <table> <tr><td>DATA</td><td>DATA</td><t

2007年01月25日 スタンドアローンでIE3～IE7をまとめていれれるツール『Multiple_IE』 最近仕事でIE7が普及しているせいか、IE6を入れているマシンが 少なくなった。一度IE７をいれるとなかなかIE６に戻すことができず IE6で確認したのか？と問われると困ってしまう そこでスタンドアローン（単独アプリ）で気軽にIEを いれれるという優れものアプリがあるので紹介する。 ■スタンドアローンのIE3～IE7を公開するサイト ■Install multiple versions of IE on your PC | TredoSoft ■スタンドアローンのIE3～IE6 はっきりいってIEの３なんかは全く仕様用途はないのだが、 まれに仕事でブラウザチェックするときIE６などはチェック する場合があるので、こいつをいれると便利。 ■IE6, IE5.5, IE5,

離婚というのは結婚の何倍も体力を使うと言われます。第三者から見ると結婚というのはすごくお金もかかるし、時間もかかるし色々と根回しなどもしないといけないし、打ち合わせのために休日が全部潰れてしまうと言われているくらいですから、大変だとは思います。しかしそれ以上に離婚が大変だと言われているのは、単に時間を使ったり打ち合わせをしたりお金が必要ということだけではないようです。どうも好きではなくなった人と離婚に関して話をすること、それについて精神的に厳しいと思うようになる人が多いから、離婚のほうが体力を使うといわれるのでしょう。正確には気力のほうが減っていっているのかもしれませんが。 この離婚の時に打ち合わせというか話しあいというのはかなり現実的な物が多いようです。結婚であれば空想の世界で、結婚した後はこういうことがしたいという話ができるかもしれませんが、離婚の時はどの財産を誰が受け継ぐかという財産

前述のとおり canvas 要素は Web ページ内に空の画像領域を確保します。感覚としては画像ファイルを指定しない img 要素のようなもので、Web ページ上での扱いもほぼ同じです。画像がないので src 属性がなく、代わりに width, height 属性で描画領域のサイズを明示しなければなりません。また、JavaScript で描画対象の canvas を特定するための id 要素を指定するのが普通です。例えば、150x150 ピクセルの描画領域を確保するには、以下のように記述します。 <canvas id="example_canvas" width="150" height="150"></canvas> 閉じタグを忘れると以降の内容が表示されなくなるので注意してください。詳細は後述しますが、canvas 要素内のテキストはブラウザが canvas をサポートしていないときの

Sam Stephenson氏は18日(米国時間)、Prototype 1.5を公開したことを明らかにした。PrototypeはJavaScriptによる軽量Ajaxフレームワーク。Prototypeは2006年9月23日(米国時間)に公開された「Ajaxian.com 2006 Survey Results」の調査結果において、もっとも人気があるAjaxフレームワークとされており、注目のバージョンアップといえる。 PrototypeはThe MIT Licenseのもとで公開されているオープンソースソフトウェア。提供されているスクリプトは、可読性のある状態で70KB弱のサイズ。1.5ではバグ修正や改善、動作の変更など細かい変更がいくつも加えられているほか、特に同バージョンにおいてドキュメントが整理された点が注目に値する。 1.5の公開より前にPrototypeのサイトのリニューアルも行わ

overtypeを使うにはovertypeのサイトにアクセスすればいい。エディタが開くのでそのまま使えばいい。上部にメニュー、その下にナンバリングが実施されたエディタ、左下にはデバッグ画面、右下には実行結果が表示される画面が用意されている。 図2.1 overtypeの動作画面 – Firefox 2.0 で最初に開いた場合 使用するWebブラウザは選んだ方がいい。overtypeはFirefoxで使った場合にもっとも効果的だとされている。JS 1.7を活用する場合は2.0以降が必要だが、そうでない場合は1.0/1.5でも動作する。IEを使う場合は7が好ましいが、6や5.5でもいい。ただし7には既知のバグもある。Operaなら9がいい。8も大した問題もなく動作する。Safariも動作するがキーボードショートカットが動作しないものがある。Konquerorは正しく動作しないようなので、避けた

このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章　Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja

CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設

BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ

なんちゃって個人情報は「Generator of the Year」にて【便利賞】を受賞いたしました！！ 投票して下さったみなさま、本当にありがとうございました。 今後もどんどん使ってやって下さい。 プログラム等に使えるかもしれない個人情報のテスト用データを作成できます。特に説明が必要なものでもないので、とりあえずやってみていただければわかると思います。 念の為書いておきますが、生成した偽個人情報により発生したいかなる損害も当方は一切関知しません。たまたま名前が実在の人物と同姓同名になってしまうかもしれませんし、特に電話番号や携帯については実際に使われている番号と重なることがありますから、扱いには十分注意して下さい。 何かご要望とかありましたらお気軽にブログまでコメント下さい。 HTML シンプルなHTMLのテーブルで出力します。 XML ルートを<records>、各レコードを<reco