prototype.js

JavaScriptロガーを拡張

id:ya_ken:20060719:1153320126にて紹介したJavaScriptのロガーですが、少しだけ拡張しました。追加したのは新規ウィンドウへのロギング機能。これで、開発時は別ウィンドウでロギングするNewWindowWritableを利用し、公開時はどこにもログを書かないNullWri…

prototype.jsクックブック07「リストを動的に読み込む」

http://ya-lab.main.jp/prototype-js-cookbook/07_lazy_loading_list/index.htmlまたprototype.js全然関係ないんだけど、まぁ、ちょっと使ってるし…。もう、JavaScriptクックブックに名前変えようかなぁ。 最近たまに見かけるリストの動的な読み込み方法。Go…

prototype.jsクックブック ホットキー(ショートカットキー)の実装

最近、Web上のサービスでもホットキー(ショートカットキー)*1を実装している所を多く見かける。はてなでもそうだし、check*padでもそう。個人的にも凄い好きな機能なので、あると嬉しくなる。さて、これの実装方法はとりあえずは難しくない(ただし、ブラ…

prototype.jsクックブック05 JavaScriptでもロガーが欲しい

prototype.jsクックブックとか言ってるけど、今回prototype.jsはまったく重要じゃない。だけど、最後に説明する拡張を行おうとするとprototype.jsのAjax機能が密接に関係するから、無理矢理prototype.jsとひもづけてみた。http://ya-lab.main.jp/prototype-j…

prototype.jsクックブック04 リストの順序をドラッグ&ドロップで変更する

今回はprototype.jsだけではなくscript.aculo.us - web 2.0 javascriptというprototype.jsを使ったリッチなUIを実現するライブラリも使います。ですので、このサンプルを試すときは必要なJavascriptをscript.aculo.usからダウンロードしてください。さぁ、今…

prototype.jsクックブック03 Hello Json!!

というわけで、Perl(CGI) + prototype.jsでのJsonデータの使い方を説明します。まず、Jsonってなに? って人は下記サイトあたりが参考になるかもしれない。http://d.hatena.ne.jp/brazil/20050915/1126709945とりあえず、デモを用意したので、ご覧ください。…

prototype.jsクックブック02 Now Loading...の出し方

非同期で処理を行うようになると必然的に必要になってくるのが、いわゆるプログレスバーのように処理中であることを知らせるUIだと思う(まぁ、軽い処理ならばいらないけど)。そこで、その方法を説明する。ここでのやり方はAjax.Requestの部分とは完全に切…

 その場で編集+登録機能

巷じゃ有名なprototype.jsですが、クックブックという名目でしばらくサンプルコードを作っては掲載してみたいと思います。難易度の高いことを紹介するというよりはもっと具体的に「XXXという機能を実装するにはこうすれば良い」という一例を載せられれば良い…