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
prototype.js でタブ切り替え - AUSGANG SOFT
たつをさんのCSS と JavaScript でタブ切り替えをprototype.jsを使って書き直しました。 極力、再利用が簡単になるようにしてみました。 ライセンスは本家の「無償・無保証・著作権放棄」に準じます。 ご自由にお使いください。 サンプルはこちらからダウンロードできます。 基本コードは以下のようになっています。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab
prototype.jsベースの画像切抜き用JavaScriptライブラリ:phpspot開発日誌
DEfusion.org.uk JavaScript Image Cropper UI, using Prototype & script.aculo.us The JavaScript image cropper UI allows the user to crop an image using an interface with the same features and styling as found in commercial image editing software, and is is based on the Prototype JavaScript framework and script.aculo.us. prototype.jsベースの画像切抜き用JavaScriptライブラリ。 写真上でドラッグすると破線で枠が作成され、囲んだ領域の座標とサイズを取得できます。
[を] JSON (JSONP) で「はてブ」のコメントをちら見
JSON (JSONP) で「はてブ」のコメントをちら見 2006-09-22-4 [Programming] 弾さんのブログの記事「javascript - prototype HateBJSON」 (http://blog.livedoor.jp/dankogai/archives/50637027.html) を読んで、はてなブックマークのコメントやタグをチラリと表示する 仕掛けを作ってみました。 http://chalow.net/misc/hateb-chirami.html 入力フォームに URL を入れて、「B」をクリックすると画面遷移なしに その場ではてブ情報が表示されます。 リンク以外の水色の部分をクリックすると消えます。 で、 「はてなブックマークコメントをその場で表示する機能の追加について」 (http://d.hatena.ne.jp/hate
Prototype.jsを使おう[入門・中級]：住所検索システムを作ろう: Recently Ajax
先日 jQueryを使って作ってみた住所検索システムですが、IEに対応できなかったり、緯度・経度だけをスマートに表示することができませんでした。 管理人たにぐちが、へたれなだけかも知れませんが、jQueryはどちらかというと通信をばりばりやるようなプログラムよりは、CSSを随時切り替えてエフェクトをかけたりといった「表側」の処理が得意なのかも知れませんね。ということで、同じプログラムを Prototype.jsで作ってみました。 サンプルはこちら 住所検索システム - Prototype.js版 Prototype.jsだけだと、XMLの処理などがあんまり充実していないので、XMLを JSONに変換してくれるJKL.ParseXMLライブラリも組み合わせます。（というか、ほとんどこちらのライブラリだけで処理が完了しちゃう） プログラムはこちら。まずは、住所検索のサービスを呼び出すための
prototype.jsの開発メモとGecko DOM ReferenceのHTMLヘルプ
未だにちょくちょくみてしまうprototype.jsの簡単なリファレンスであるDeveloper Notes for prototype.jsの日本語版とThe Document Object Model in Mozillaで配布されているGecko DOM ReferenceのZIP version (古い奴)をHTMLヘルプにしてみた。HTMLヘルプはちょっと作ってみちゃったりすると、HDD上にあるありとあらゆるHTMLのドキュメントをHTMLヘルプにしたい欲求に駆られてしまう・・・のは僕だけですか、そうですか。 prototype.jsの開発メモ Gecko DOM Reference prototype.jsの開発メモの方はHTMLに手を入れて、メソッドやプロパティにidを振り、キーワードでジャンプできるようにした。HTMLヘルプ向けにCSSもちょっと調整。チェックしきれてない説
そのサービスはAjaxフレームワークで一変できるか？
そのサービスはAjaxフレームワークで一変できるか？：Web 2.0で変わるWebプログラミングの常識（1/4 ページ） 「prototype.js」と呼ばれるJavaScriptフレームワーク。多くのAjaxを応用したサービスで使われている「Ajaxフレームワークのデファクト」だ。 このオンライン・ムックPlus「Web 2.0で変わるWebプログラミングの常識」では、これまでにAjaxの概要（第1回）から発展系としてどのような取り組みあるのか（第2回）、そして、効率的な組み込み方法の一つとしてJSONと呼ばれるデータ形式のやり取り（第3回）、Webサービスとの連携（第4回）について解説した。 Ajaxアプリケーションの開発では、Webブラウザ依存の問題を解消したり、DOMツリーを操作するといった必要性がある。しかし、開発者が一からコード記述していくのは現実的ではない。そこで一般には、何
prototype.jsをベースにしたRSSリーダークラス:phpspot開発日誌
r.schuil - Ajax.RssReader The Ajax.RssReader class allows fetching and parsing RSS feeds in Javascript prototype.jsをベースにしたRSSリーダークラス。 次のようにして簡単に使える模様。 function myCallback( rss ) { alert(rss.channel.title); for(var n=0; n<rss.items.length; n++) { alert(rss.items[n].title); } } function errorHandler( rss ) { alert('An error has occured'); } new Ajax.RssReader( 'test.xml', { onSuccess: myCallback, on
Ajaxイン・アクション欲しい！ - naoyaのはてなダイアリー
なんか書籍の紹介ばっかですいません。Ajaxイン・アクション欲しい！というキャンペーンをやってたりします。評判の高い Ajax In Action の翻訳です。はてなスタッフで監訳を務めました。 Ajaxイン・アクション 作者: Dave Crane,Eric Pascarello,Darren James,柏原正三,株式会社はてな,網代淳,星睦出版社/メーカー: インプレス発売日: 2006/06/09メディア: 大型本購入: 1人 クリック: 111回この商品を含むブログ (109件) を見る Ajax の基礎はもちろん、JavaScript のリファクタリングパターン、Ajax での MVCといったパターンの話、セキュリティの話、あるいは Prototype.js の類のライブラリの話など、かなり多岐にわたる内容の濃ゆい本です。キャンペーンのキーワードページから PDF で目次が落と
cyano: prototype.jsによってArrayクラスに付け足される関数の解説
prototype.jsをインクルードすると、Arrayクラスにいくつか関数が付け加えられ、拡張されます。その付け足される関数の解説です。prototype.js version 1.4.0_rc4時点でのものです。 前にも話したとおり、prototype.jsをインクルードするとprototype.jsのEnumerableで定義されてる関数群はArrayクラスで使えるようになりますが、それ以外にも以下の関数が使えるようになります。 関数
で、まじめにメモってみる - Charsbar::Note
資料はこの辺から。以下長文注意。 Shibuya.js 結成にあたり(secondlifeさん） 言語として10年の歴史があるし、Ajaxの基礎となるXMLHTTPRequestも1999年には実装があったのに、二年前くらいまでは「コピペ言語」「最初にオフにする機能」扱いだった。 が、世間の手のひら返しでブームに。 Etech 2006でもJSの話ばっかりだった なのにみんなで話をする場所がないのでShibuya.jsを作ってみましたよ、と 最後に生き残るのはJavaScriptかもな(えとさん) まずは昔話 おそらく日本で最初にJSの記事を書いた(Net Travellers 96) ふつうにHello, Worldから。Javaとともに必須になるだろうと書いたものの、その後はいまのWinnyと同じ扱い ブラウザ戦争最大の被害者。ブラウザの差を出すために意図的に非互換機能が導入された が
ベイエリア情報局: prototype.jsを使った画像サムネイルの表示ライブラリ
prototype.js を使って画像サムネイルを表示するライブラリについての記事を CodeZine に書きました。 prototype.jsを使った画像サムネイルの表示ライブラリ IE 限定ですが、web ページから画像をアップロードするときにリアルタイムでサムネイルを表示するためのライブラリです。 実際の動作はデモを見てもらうと分かると思います。 動作デモ このライブラリはもともとフォト蔵用に開発したもので、もちろんフォト蔵でも使っています。 詳しい解説は記事の方を参照ください。
川o・-・）＜2nd life - prototype.js 1.5 からの新機能 Template の使い方
JavaScript での変数を使った文字列の作成は何かとめんどくさいですね。prototype.js では 1.5_pre0 から Template という簡易テンプレートとして使えるクラスが加わりました。相変わらずドキュメントはソースと test 嫁なので簡単な使い方を紹介します。 まずは Template となる文字列を new Template で作ります。Template のリテラルは #{}です*1 。 var t = new Template('#{foo}, #{bar}!');次に作成した Template インスタンスの evaluate 関数を呼び出し、引数として Hash(Object) を渡します。 t.evaluate({ foo: 'hello', bar: 'world' }); // hello, world!もしテンプレートを使い回さず、一度限りの文字列
Prototype.js 1.5.0_rc0 - IT戦記
最新が 1.5.0_pre1 から 1.5.0_rc0 になってたので調査。今回はあまり、面白い変更が見当たらない。Fix ばかりだ。 Prototype.js 1.5.0_pre1 からの変更点 CHANGELOG を見ながらソースを読んでまとめました。 可能な場合は、Element.extend を使わずに直接 HTMLElement.prototype を拡張。 Mozilla の bfcache を有効にするために、window.unload でイベントリスナを開放するのを IE のみとした。 Array.prototype.shift の定義を削除（再実装になるため）。 Array.prototype.reverse の再定義を防ぐ。 Enumerable.min および Enumerable.max の 0 を認識しないバグを修正。 IE7 では XMLHttpRequest
inforno :: prototype.js 1.5のElement.Methods
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 を使った JavaScript OOP 講座 #01
社内の精鋭エンジニアを中心に定期的に勉強会をすることになった。んで、 JavaScript の講義は僕がやることになった。 資料を社内だけでとどめておくのはもったいないので、ここに公開していきます。社内の人も社外の人も読んでください。 講義の内容は基本的にソース嫁。ソースレビュー形式。 ※ターゲットは JavaScript は書いたことない、オブジェクト指向言語プログラマ。 Section 00 Prototype.js の前に JavaScript のオブジェクトの概要・・・ オブジェクトを作ってみる。 var object = {};オブジェクトにメソッドとかプロパティを追加してみる。 var object = { field: 'IT戦士', method: function() { alert('hello ' + this.field); } }; object.method()
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
prototype.js リファレンス
http://shotawatanabe.com/2006/03/prototypejs.html
http://blogus.xilinus.com/pages/javawin