Ajaxなページで「戻るボタン」を機能させる方法:phpspot開発日誌
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫：花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを１，２，３と開いていって、２に戻りたいのに、前に開いていたページに戻るのは利用者としては不本意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram
javascript - プロトタイプ的継承 : 404 Blog Not Found
2006年10月18日09:20 カテゴリLightweight Languages javascript - プロトタイプ的継承 がーん。この感動はY combinatorを見たときに匹敵する。 Prototypal Inheritance function object(o) { function F() {} F.prototype = o; return new F(); } なぜこれがそれほど感動的かというと.... これを使えば、ArrayやObjectといったBuilt-Inからも難なく継承できるから。 継承のやり方としてはPrivate Members in JavaScriptが圧倒的に有名で、日本でもbrazilさんによる邦訳、Collection & Copy - JavaScriptにおける古典的継承もよく知られていると思うけど、この三行を目の前にしては霞む。でもp
Collection & Copy - JavaScriptにおける古典的継承
翻訳 原文：Classical Inheritance in JavaScript著者：Douglas Crockford ※原文のコード内に誤りがあり、このまま記述しても動作しません。著者のコメント及び補足情報は翻訳メモを参照下さい。 君は自分が利口で階級にも属さず 自由だなんて思い込んでる―John LennonJavaScriptは、クラスという概念に囚われていない言語です。JavaScriptでは、古典的な継承の代わりにプロタイプ的な継承を使用します。これはC++やJavaのような旧来のオブジェクト指向言語に長けたプログラマを当惑させるかもしれません。JavaScriptのプロトタイプ的継承が、古典的継承に比べていかに表現力が優れているかを、これから見ていきましょう。 JavaJavaScript強い型付け弱い型付け静的動的古典的プロトタイプ的クラス関数コンストラクタ関数メソッド関
プログラマのためのJavaScript (号外)：こんな継承はどう？ - 檜山正幸のキマイラ飼育記 (はてなBlog)
昨日の「プログラマのためのJavaScript (11)：継承についてもう少し」に、いくつかのコメントをいただきました。そのなかで、nanto_viさんに素晴らしいヒントを提供していただいたので紹介し、クラス（もどき）の継承への補足とします。 まずは、nanto_viさんが教えてくれたコードを再掲： var Traits = function () {}; Traits.prototype = SuperClass.prototype; SubClass.prototype = new Traits(); Traitsは一時的なコンストラクタですが、SuperClassのトレイツ（共通性質の定義）をそのまま持ち、余分な（おそらくは弊害を生むであろう）初期化実行コードは持たないものです。（こんなトリックがあったんだ、フーム、ムムム。） この手続きを関数にしてみます。（ちなみに、名前exten
JavaScript の new 演算子の意味: Days on the Moon
JavaScript における new 演算子の動作は大まかにいって以下のとおりである。(new F() とした場合。) 新しいオブジェクトを作る。 1 で作ったオブジェクトの [[Prototype]] 内部プロパティ (__proto__ プロパティ) に F.prototype の値を設定する。 F.prototype の値がオブジェクトでないのなら代わりに Object.prototype の値を設定する。 F を呼び出す。このとき this の値は 1 で作ったオブジェクトとし、引数には new 演算子とともに使われた引数をそのまま用いる。 3 の返り値がオブジェクトならそれを返す。そうでなければ 1 で作ったオブジェクトを返す。 ここで「オブジェクトである」というのはプリミティブ値 (文字列、数値、真偽値、undefined 、null) ではないということだ。new Stri
関数一発でプロトタイプチェーンに繋げて、オブジェクトをクローンする。 - IT戦記
最近、プロトタイプ的継承の話しが盛り上がっています。 http://blog.livedoor.jp/dankogai/archives/50662064.html http://labs.cybozu.co.jp/blog/kazuho/archives/2006/10/javascript_string.php http://blog.livedoor.jp/dankogai/archives/50662606.html 最終形がやたら複雑になっています でも、実際はあそこまで複雑に書かなくても、できると思います ^^; そう思う理由 P 関数は object 関数の中でローカルのものである。コンストラクタとして使える必要はない。なので、 Atomic な場合でも P は function(){} でいい。 method 関数では P.prototype のプロパティに関数が代入されて
ホワット・ア・ワンダフル・ワールド JavaScript とか CSS とかについてバイナリアンの立場から一言言っておくか
とかいうはてぶとかにありがちなタイトル付けはキモイよなぁ… どうでもいいけど． # そもそも僕はバイナリアンじゃないです． まぁ，いまさら言うまでも無いけど，全ての具象プログラミング言語で書かれた具象プログラムは，機械語と考えることもできるんだよね． 例えば JavaScript なんかは，ブラウザという仮想機械の抽象機械語なわけだ．機械語なんだから，IE とか Opera とか Firefox とか，ブラウザごとに挙動や命令 (API) セット全然違っても，それは別に問題じゃない． もっと上位レベルの記述からのコンパイラがあれば良いだけだよね．んで，(よく知らないけど) MacOS のユニバーサルバイナリみたいに，どのブラウザでも同じように動くコードが生成されれば良い，と． 逆に，全てのブラウザの JS の仕様を揃えようってのは，全ての OS や CPU のシステムコールや命令セットを揃
Yet Another Dynamic Presentation!
地道な高速化 1 // style も new 時にプロパティにいれておく s6.Constructor = function(element) { this.element = element; this.style = element.style; }; 地道な高速化 2 // コールバックを受ける関数では this // や引数を受けるようにしとく s6.hoge = function() { var shift = Array.prototype.shift; // ↓ Opera ではバグるので回避しなきゃダメ var f = shift.apply(arguments); f.apply(shift.apply(arguments), arguments); }; DOM の空きプロパティ // DOM の要素の空きプロパティの // アクセス速度は普通のハッシュとほとんど変
XMLHttpRequestとIf-Modified-Since
RSSリーダーについてさんざん言及されたように、Webコンテンツを取得するアプリケーションでは、 HTTPリクエストに If-Modified-Since ヘッダ をつけるなどして対象コンテンツの更新時刻をチェックし、過剰なデータ取得を避けるのがマナーであるとされている。 同じことがAjaxについても当てはまると考える。Ajaxでは、ユーザーのアクションと非同期にHTTPリクエストを行うため、RSSリーダーと同様に人為操作を超えるトラフィックを発せさせる可能性があるからだ。 そこで、素朴な疑問。 ・ブラウザは、ユーザーが意識しないでも更新時刻チェックをやってくれる。 ・Ajaxの主なエンジンとなる Javascript は、ブラウザに組み込まれたものである。 ・Javascript の XMLHttpRequestを使用すると、プログラマが明示的にコーディングしなくても、更新時刻チェックを
抽象（Abstract）クラスを作成 - JavaScriptist
抽象クラスとは？ bookmark 抽象クラスとは、抽象的なものだ、と「prototype.jsでオブジェクト指向」で説明しましたが、更に説明を加えてみます。 例えば、皆さんは、何かものを作るとき、例えば、ゲームでの敵キャラをプログラムで作るときを考えましょう。敵キャラを作る、と考えたときには、敵キャラの名前とかＨＰ、ＭＰとかはまだ抽象的なもので、分かりませんよね？ でも、名前とかＨＰ，ＭＰってあるよな、というのは分かっていたりします。更に、敵キャラだから、攻撃もしてくるし、防御もするんだろうな、ということが想像できます。まだ「敵キャラ」という抽象的な概念なわけです。 これをプログラムで表す際に抽象クラスを作ります。抽象的、といっても次のことが決まっています。 名前を持つ ＨＰ，ＭＰを持つ 攻撃と防御をする 抽象クラスを使ってみる bookmark 抽象クラスを実際に使ってみましょう。 次
RESTなRails向けのJavaScriptライブラリ Jester まとめ:TKMR.blog.show
昨日のエントリJesterについて補足。 Jester.jsソースを見ると本当にシンプルで、まだ欲しい機能もありそうなので一通りまとめてみた。 基本的な登場人物はBaseクラス (prototype) だけ、あとXML.ObjTreというライブラリを使用してXML → DOM → XMLの変換を行ってるみたい。このライブラリ何気に日本人が作者なんだね、初めて知った。 以下まとめ 主なメソッド Base.model(モデル名, サーバURL, 単数形の名前, 複数形の名前) modelクラスの宣言。もしモデル名がBookなどで、単数形book & 複数形books のように単純な変化なら暗黙的に行ってくれる。 Base.model("Book") でOK。 例；Base.model("Book"); Base.find(目的のID) モデル名Book & 引数のidが1だとすれば http:
雅 - Pure Javascript MVC Framework
完全にJavascriptで書かれている location.hash(#以降の文字)で状態を変更するためURIが変わる モジュールとアクションの組み合わせで処理が決まる。 複数のモジュールが定義でき、 1つのモジュールに複数のアクションを定義することができます。
WebのMVC実現の鍵はJavaScriptにあり
前のエントリからの続きなんですが・・・、 HTMLと動的コードの連携ですが、データソースの文字列なりオブジェクトだけサーバサイド生成のJavaScript経由で渡して、すべての動的レンダリング制御をJavaScript + DOMでやるようなフレームワークの方法論って取れないんでしょうか？ って書いてみて、そういえば自分も昔からそういうアプローチで作っているものがありました。UIが高機能で独立性の高いプレーヤー,Viewerのようなものです。 少なくとも今、現在のMVCの理想系は、このアプローチなんじゃないかなと。View = HTMLがスタンドアローンで動くのが一番わかりやすいなら、HTMLはHTMLのままであるべきだとは思うので、bodyのonLoadでせっせと書き換える。そのかわりエンジニアにJavaScript、DOMの知識は必須ね・・・と。 でもベタに作るなら、 prototyp
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
社å´å£«è©¦é¨å¡¾ 社å´å£«è©¦é¨å¦æ ¡ 社å´å£«è©¦é¨å¯¾ç 社å´å£«è©¦é¨åå¼·æ³ ç¤¾å´å£«è©¦é¨åèæ¸ at usrb.in
http://youmos.com/news/css_selector_js
https://diveintogreasemonkey.org/toc/
http://youmos.com/news/css_star_rating_system
http://youmos.com/news/import_js
Flashのパーマリンク問題をSWFAddressで解決 (Unknown Quality)
http://youmos.com/project/wrapresize