prototype.js のイベント・トリガー (hPod)
最近 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
【コラム】そろそろきっちりJavaScript (7) prototype.jsを読む(1) | エンタープライズ | マイコミジャーナル
ソース読みの準備 本連載ではこれまで、JavaScriptの特徴的な記法をいくつか紹介してきた。そろそろ世に広まっているJavaScriptライブラリのソースコードを読み解いていくことができるはずだ。 今回からは、少し趣向を変えて、JavaScriptライブラリをいくつか挙げながら、ライブラリ利用方法と、その動作メカニズムについて紹介していこう。 今回は、prototype.jsにフォーカスする。現在のJavaScript人気の立役者といっても過言ではないprototype.jsだが、その中身はどうなっているのだろうか。ソースコードを読みながら、メカニズムはもちろん、JavaScript的なコードスタイルも学んでいきたい。 まずはソースコードを読むための環境を整備しよう。prototype.jsは、作者であるSam Stephenson氏が提供するサイトから取得できる。現在の安定最新バージ
Prototype JavaScript framework: Easy Ajax and DOM manipulation for dynamic web applications
Weblog Prototype 1.7.3 The new bugfix release of Prototype features lots of tiny fixes and one giant change under the hood. A foundation for ambitious web applications. Prototype takes the complexity out of client-side web programming. Built to solve real-world problems, it adds useful extensions to the browser scripting environment and provides elegant APIs around the clumsy interfaces of Ajax an
こども(てれび)
適当な感想を言うだけなのもなんなので例を書きます。これを作る。higeponにあやかりたいあやかりたい。 いまさら人に聞けないAjaxと簡単なサンプル - higepon blog ・画面上テキストラベルに見える部分をマウスクリックすると編集可能になる ・文字列を入力し、Enterキーを押すと、テキストがバックグラウンドで更新され、ラベル表示に戻る。 ・画面はリロードされない。 完成品はこれ。 http://childtv.org/prototype/sample.html 使っているのは Prototype 1.3.1 です。 http://prototype.conio.net/dist/prototype-1.3.1.js sample.html <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C/
リクナビ進学（旧：リクルート進学ネット）／大学・短期大学・専門学校の進学情報
将来何をやりたいかよく分からない。なんとなく大学、とりあえす専門学校というキミ！ 質問に答えるだけで、向いている職業や学問を診断できるよ。将来のヒントにしよう
SoftBank ホーム
時間帯により速度制御の場合あり。 テザリングと合計200GB/月額の場合、通常利用の影響のない範囲 (最大4.5Mbps)で速度制御。データシェアは50GBまで。
Hawk's Laboratory » prototype.js 1.4.0を読む：prototype.js___base.js
このドメインを購入する。 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
Prototype.js 1.5.0 がこの一週間めちゃめちゃ更新してるので、新しい機能をまとめてみた - IT戦記
最近の Prototype.js LL Ring でも言ったけど、まったくもって 4 ヶ月間更新なしだった。。。 しかし！ ここ、 1 週間でこんなに更新があった！ http://dev.rubyonrails.org/changeset?new=spinoffs%2Fprototype%404950&old=spinoffs%2Fprototype%404236 ということで、新しい機能まとめ DOM 要素に observe, stopObserving Element.Methods に observe が追加された。 var handler = alert.bind(null, 'クリックありがとう！'); $('target').observe('click', handler); // うーん、直感的！ $('target').stopObserving('click', han
bindとbindAsEventListenerについての疑問 - 徒書
最近になってprototype.jsの使い方を学んでみたりしているのですが、bindとbindAsEventListenerについてちょっとした疑問が出てきています。 両者の違いについては、prototype.js v1.4.0 の使い方にある説明で知ることができました。サンプルソースを引用してみます。 <input type=checkbox id=myChk value=1> Test? <script> //declaring the class var CheckboxWatcher = Class.create(); //defining the rest of the class implementation CheckboxWatcher.prototype = { initialize: function(chkBox, message) { this.chkBox = $
IT戦記 - Prototype.js を使った JavaScript OOP 講座 #02
社内の勉強会の資料をここに公開していきます。社内の人も社外の人も読んでください。 ※ターゲットは JavaScript は書いたことない、オブジェクト指向言語プログラマ。 ※信念は「教わるのではなく、必死に着いていきませう」 今週はかなりハードボイルドで全身タイツのような忙しさなので、みんなが春を分けて楽しんでいたり、香港に行って楽しんでいる間にせこせこ資料を作っています。 はぁ。 Section 00 Prototype.js の前に JavaScript と DOM とイベントの概要 HTML は読み込まれた後、すべての情報が JavaScript のオブジェクトに変換される。 イメージ的にはこんな感じ <html> <head> <title>タイトル</title> </head> <body> ： ： </body> </html>↓↓↓ var document = { doc
Prototype.js を使った JavaScript OOP 講座 #01
社内の精鋭エンジニアを中心に定期的に勉強会をすることになった。んで、 JavaScript の講義は僕がやることになった。 資料を社内だけでとどめておくのはもったいないので、ここに公開していきます。社内の人も社外の人も読んでください。 講義の内容は基本的にソース嫁。ソースレビュー形式。 ※ターゲットは JavaScript は書いたことない、オブジェクト指向言語プログラマ。 Section 00 Prototype.js の前に JavaScript のオブジェクトの概要・・・ オブジェクトを作ってみる。 var object = {};オブジェクトにメソッドとかプロパティを追加してみる。 var object = { field: 'IT戦士', method: function() { alert('hello ' + this.field); } }; object.method()
Hawk's Laboratory prototype.js 1.4.0を読む：string.js
このドメインを購入する。 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
Using prototype.js v1.3.1
What is that? In case you haven't already used it, prototype.js is a JavaScript library initially written by Sam Stephenson. This amazingly well thought and well written piece of standards-compliant code takes a lot of the burden associated with creating rich, highly interactive web pages that characterize the Web 2.0 off your back. When I first started trying to use this library, a few years ago,
fladdict.net blog: JavaScriptでthisスコープをコントロールする
ひげぽん OSとか作っちゃうかMona: 実践 prototype.js [1] ひげぽん OSとか作っちゃうかMona: 実践 prototype.js [2] ひげぽん氏のprototype.jsの記事を読んでいて、「イベントハンドラ内のthisスコープを変更するにはどうする？」みたいな内容があって、ちょうど同じ問題をやったばかりだったので書いてみるテスト。 クロージャを使うのですが、直接発行するのではなく、「スコープをずらすクロージャ」を返す関数を作ってやるとよいと思います。 FlashのDelegateクラスがちょうど内部的に、同じような処理をしてます。 ECMAScriptでは「関数=オブジェクト」なので、クロージャを擬似Commandパターンと解釈して、factoryで返してやると素敵。というかJavaScriptはネイティブにCommandパターンが実装されている、といっても
[JavaScript]DOMっぽいイベントハンドラ、結局最後はprototype-js(前編): CodeWeb
「WEB2.0へ繋がるイベントパンドラのまとめ」とかタイトルにつけてみようかと思ったけど大嘘つきになるのでやめた。 最近HTMLソース内に極力JavaScriptのソースを書かないでプログラムを組むように心がけてるので、ここらで一度自分用にまとめてみようかと思って今回はイベントハンドラ（？）について色々書いてみました。先にオチを言ってしまいますけど、最終的にはprototype-jsのEvent.observe使ってしまいますので内容にあまり期待しないように。 では、「テキストボックスの内容を下のテキストエリアにコピーする」というサンプルを使って長々と無駄に語っていきます。しばらくブログ更新してなかったので文章が変なのは仕様です。 これまでのJavaScript まず、従来のJavaScriptだとこんな感じです。とくに何も説明する必要もないと思います。 サンプル ソース <script
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Prototype JavaScript framework: Prototype 1.5.1 release candidate
/spinoffs/prototype/ - Rails Trac - Trac
prototype.js リファレンス
JavaScript++かも日記 - 1997年からの
JavaScript++かも日記 - 1997年からの