絵日記 グルメ ライフスタイル・暮らし ペット 旅行・海外 日記 ニュース スポーツ ビジネス・経済 趣味・創作 音楽 書籍・雑誌 漫画・アニメ ゲーム 受験・学校 ヘルス・ビューティ IT・家電 学問・科学 まとめ
ただし Kanasan.JS #1 で読んだ分 (1.5.1.1 での 400 行目相当) まで。 nanto_vi 自己紹介 nanto_vi (TOYAMA Nao) 富山県南栃市とは無関係 Days on the Moon Twitter まるごとJavaScript & Ajax! (インプレスジャパン) MDC Core JavaScript 1.5 Reference 翻訳 (Statements の一部) 翻訳者大歓迎! Function.prototype.xxx argumentNames function foo(bar, baz) {} foo.argumentNames().inspect(); // => ['bar', 'baz'] curry function add(a, b) { return a + b; } var add10 = add.curry(
new Element('button',{onclick:"alert('hello world')"}) とやれば、 <button onclick="alert('hello world')"></button> になる。と思ったらダメだった。 Firefoxは大丈夫ですが、IEで動きません。 内部でsetAttributeが使われていて、setAttribute(onclick,"alert('hello world')")となるからです。 IEではsetAttributeの第2引数には関数オブジェクトを渡す必要があります こう書けばIEで動きます。でも、Firefoxでは動きません。 new Element('button',{onclick:new Function("alert('hello world')")}); 結局、こう書くことになります。 var elt = new
home blog labs about contact プログラミング・開発 > prototype.jsの内側から覗くJavaScriptの世界(from Kanasan.JS) JavaScript Kanasan.JS 勉強会 作成: 2007-12-09T11:22:23+09:00 更新: 2009-04-29T00:47:53+09:00 随分と更新の間隔が空いてますが、Kanasansoft Web Lab.主催、Kanasan.JS#2に参加してきました。 「東京者(とうきょうもん)に負けてられへん」という思いを胸に秘めた(か定かではないですが)、熱い浪速(というより関西圏)のJavaScriptorが集まる勉強会です。 今回はJavaScriptに興味がある方には馴染み深い、prototype.jsのソースを読むのがテーマでした。 で、技術的なTipsを書きたい所ですが
Two months after putting 1.6.0 RC0 out in the wild, we’ve fixed a handful of bugs and made some changes to the Class and Event APIs in response to your feedback. We’ve also addressed a long-standing issue with the Hash class. These changes are now available for download in our second release candidate, Prototype 1.6.0 RC1. Keep reading for a detailed description of the changes, some of which are i
今回の mixi のデザインのポイントは 全ページで prototype.js の 1.5.0_rc0 が読み込まれている 新しいデザインのページはテーブルレイアウトじゃない 新しいデザインのページは id class 付きまくり いろいろ試してみた prototype.js が読み込まれているか確認する alert(Prototype.Version); // 1.5.0_rc0 ページ内に id が何個あるか alert($$('*[id]').length); // トップページに 52 個! ページ内に class が何個あるか alert($$('*[class]').length) // トップページに 239 個! おおすごい! 試しに日記一覧ページから日記の URL を抽出するワンライナー $$('#bodyMainAreaMain dt a').filter(/view_
prototype.js の Event.observe を使った onbeforeunload について 2007-07-20-1: [JavaScript][Firefox] JavaScript のイベントに、ウィンドウが閉じられる直前に起こる onbeforeunload があります。 これを使うと、何がしかの内容を入力中にページを移動する際に警告のメッセージを出すことができます。 WordPress とかで利用されています。 使い方は簡単で、以下のようにダイアログに表示する任意のメッセージを返します。 window.onbeforeunload = function(e) { // なにも返さなければ、なにも起きない。 return '<任意のメッセージ>'; }; ダイアログの表示は以下のようになります。 - Internet Explorer 6.0 - Internet E
最近 prototype.js (1.5.0_rc1) を使うようになってから、おやと思ったことがある。 onclick などのイベントの処理を簡単に登録できるのはいいけれど、それを任意に発動させるトリガーにあたる機能がない? たとえばほかに使っているライブラリ Google Maps API にはあるので、できないこともないのだろうけど、なぜこの有名な prototype.js にないのだろう。 一方で scriptaculous.js (v1.6.4) はと見てみると、 unittest.js の中に、それらしい機能が埋め込まれていた。 Event.simulateMouse とか、 Event.simulateKey とか。しかしこれらには experimental というコメントが付けられていたし、それにぱっと見ただけで制作途中であるような感じでもあった。 こうして scripta
The Prototype 1.5.1 makes Safari crash. 最近リリースされた prototype.js のバージョン 1.5.1 は、うちの Safari ( Safari 1.3.2 )をクラッシュさせる。 困った。機能が使えないということはさておいて、 Prototype はとてもポピュラーなライブラリだから、あちこちのサイトで利用されているだろう。つまり、あちこちのサイトで、うちのブラウザがクラッシュしてしまうことに、なるだろうから。 それを発見したのは、 Prototype を拡張するほかのライブラリを試してみた時だった。とてもよいライブラリだったのでぜひ使いたかったのだけれども、どうしてもクラッシュする。がっかりした。 でもやっぱり使いたいほうが勝って、せめてどこが悪いのかその場所だけでも突きとめて、作者に「 Safari を見捨てないで」と言う願いをこめた
Private Members in JavaScript [翻訳]JavaScriptにおけるプライベートメンバ(COLLECTION & COPY) 上記の記事に刺激を受けて、prototype.jsでプライベートメソッドを持つクラスを作る方法を考えてみました。 JavaScriptのクロージャを利用してますが、具体的には次のようになります。 1: //Animalクラス作成 2: var Animal = Class.create(); 3: 4: //Animalクラスフィールド設定 5: Animal.MALE = 0; 6: Animal.FEMALE = 1; 7: Animal.SEXTYPE = ['Male','Female']; 8: 9: //Animalクラス設定 10: Animal.prototype = { 11: initialize : func
Prototype.jsが Updateされいくつかの機能が追加されました。 メソッドチェーンによるメソッドの呼び出しが完全にサポートされたのは大きな変更かと思います。 CHANGELOG Element, Form, Form.Elementメソッドの仕様変更 Elment, Form, Form.Elementが配列ではなく、一つの要素(or ID)を引数に取るように仕様変更され、返り値として引数で渡したオブジェクトを返すようになりました。 この修正により、 $('div').each(function(val) {Element.show(val);}); // Before $('div').each(Element.show); // After $('input[type="text"]').each(function(val) {Field.clear(val);}); //
prototype.js1.5ではみんながこうしたいなーと思っていた機能が実装されました。(via Encytemedia ) (SVN co http://dev.rubyonrails.org/svn/rails/spinoffs/prototype して rake distしたもの ) ■Element.Methods 1.4まではelementに対する操作は 1Element.show($("test")); 2Element.update($("test"), "hoge"); のように書く必要がありました。 これが 1$("test").show(); 2$("test").update("hoge"); と書けるようになりました。 これはprototype.jsで最も偉大な$メソッドの変更によるモノです。 1function $() { 2 var results = [],
prototype.js使っていてうれしいことの一つにbindが使えるというのがある。$()とかAjaxのクロスブラウザ対策とかもいいけれど、thisをbindできるのは大きなメリットだと思う。bindがないとどういう時に苦労するかというと、以下のような場面。 var Foo = function(name) { this.name = name; } Foo.prototype.talk = function(message) { alert(this.name + ": " + message); } function inScope() { var foo = new Foo("foo"); setTimeout('foo.talk("Hello World!")', 0); } inScope(); これは実行できない。なぜかというとsetTimeoutに渡しているfooという変数
このドメインを購入する。 hawklab.jp 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
このドメインを購入する。 hawklab.jp 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
UPDATE! Development progress for Animator.js: 14-Nov-2006: Removed the dependency on prototype.js 16-Nov-2006: Added more transitions - check out the new bouncy and elastic transitions 9-Dec-2006: Allow people to specify CSS class names in CSSStyleSubject. 18 March 2007: improvements to AnimatorChain: seekTo() method (thanks Tim Stone) and resetOnPlay option (thanks Kaspar Fischer); 19 March 2007:
2006-11-20T14:20:42+09:00 追記 「何者か」に攻撃を受けて、このページの内容が差し変わっていました。あわててバックアップファイルから復旧しました(「何者か」 = 酒……)。 prototype.jsを10KBにする方法の続き(.htaccessをスマートに使う) : 亜細亜ノ蛾 に続きを書きました。合わせてどうぞ。 JavaScript ファイルを圧縮する 正真正銘、Prototype(“prototype-1.4.0.js”)を10キロバイト(10,453 bytes)に圧縮して、しかも(当たり前ながら)動作するようにする方法です。 ──と聞いて真っ先に思い浮かぶのが「各種JavaScriptファイル圧縮サービス」、という人も多いでしょう。 しかし、自分が試してみたところ、例えば/packer/で圧縮したJavaScriptファイルは上手く動作しませんでした(他は
JavaScript でオブジェクトを作って、関連する HTML 上の要素にアタッチするような手法がよく用いられていますが。 その際にどのような方法で要素を取得していますか? 僕は prototype.js の document.getElementsByClassName を使ってクラスを抽出してアタッチしています。 しかし、このメソッドはかなり重い。。。 ためしに、以下のような id ベースで複数の要素を抽出するメソッドを作ってベンチマークをとってみました。 document.getElementsByIdPrefix = function(idPrefix) { var children = []; idPrefix += '_'; for(var i = 0; true;i ++) { var child = document.getElementById(idPrefix + i
prototype.jsはAjaxライブラリの1つです。現在のバージョンは1.6.0です(2007/11/8)。prototype.jsについて、より詳細に知りたい方はprototype.jsの開発者メモを参照してください。また、英文ドキュメントであれば正式なリファレンスもprototype.jsのサイトで用意されています。 version 1.4.0 リファレンス version 1.5_rc0 リファレンス version 1.5_rc1 リファレンス version 1.5_rc2 リファレンス version 1.5.0 リファレンス version 1.5.1_rc1 リファレンス version 1.5.1_rc2 リファレンス version 1.5.1_rc3 リファレンス version 1.5.1 リファレンス version 1.5.1.1 リファレンス versio
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く