Ajax Pages
Ajax Pages is a scripting template engine that enables rapid development of Ajax Web-based Applications, just like GMail, Google Maps, A9 and Backpack, but without having to manipulate complicated Document Object Models to make things dynamic. Based on the experience of JSP, ASP and PHP, Ajax Pages brings easy scripting templates to the client-side. Anyone familiar with these tecnologies will feel
prototype.jsのものすごく簡単な使い方。 : blog.nomadscafe.jp
prototype.jsのものすごく簡単な使い方。 はてなダイアリーの方にprototype.jsでHTMLを汚さないロールオーバースクリプトというエントリーを書いたのだが、prototype.jsの入手方法やらすごく簡単な使い方がないようなので、書いてみます。 prototype.jsはJavaScriptのライブラリ（中身はJavaScriptです)で、これを使うとJavaScriptを組むのがかなり楽になるというものです。話題のAjaxのプログラミングも簡単にできます。 ライブラリは、 http://prototype.conio.net/ からダウンロードできますが、TOPページにあるファイルはちょっと古いものなので、Browse the darcs repositoryというリンクを辿り、 http://dev.conio.net/repos/prototype/dist/ から
なんでも折りたたむ readmore.js - Synkronized
昨日作った奴はNucleusを改造して実装したため他のブログとかに応用できなかったので、もうちょっと汎用的に使えるようにしてみた。 まず、prototype.jsとrico.jsと今回作ったreadmore.jsをダウンロード。 で、HTMLのヘッダーに下のソースを埋め込む。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="rico.js"></script> <script type="text/javascript" src="readmore.js"></script> <script type="text/javascript"> <!-- window.onload = function() { init
JSONでBiddersインクリメンタル検索、をブログに貼ってみる - TEDDY-G本家
前回皆様方への御礼を書いてからまたずいぶん経ってしまった。BiddersMapAds配布は頓挫したわけではなく、単に時間がないだけです。すいません。 さて、JSONという技術が流行っているらしい。JSONというのはJavaScript Object Notationの略で、その名のとおり、サーバからクライアントにデータを送るときにJavaScriptのObjectの表記法で送ってあげる手法のことだ。 ここでJavaScriptのObjectの表記法とは何ぞやという話になるが、その前に、誰もが最初に覚えるであろうJavaScriptでのObjectのProperty（値や機能）の定義方法をおさらいしておきたい。色んな入門書を見ると次のような書き方が挙げられている。 var args.x=1; var args.y=1; var args.methodA=function() {...} ひと
XMLHttpRequest でファイルのアップロードができないか? - naoyaのはてなダイアリー
ブックマーク経由でみかけたCodeWeb: 画像をアップロードする前にサムネイルを表示させる。 では、JavaScript を使ってファイルをアップロードする前にプレビューする方法が紹介されてました。input type="file" な input 要素の onchange ハンドラでごにょるというもの。 一方で、プレビューではなく、ファイルを追加した直後に特にボタンなどを押さず且つ画面遷移なしでファイルをアップロードできないものかと、ちょっと試行錯誤してみています。例によって XMLHttpRequest で Ajax るわけですが、残念ながらいまのところうまくいってません。 これまでに書いたコードは以下です。prototype.js を使ってます。 <input type="file" name="image" onchange=" if (this.value) { new Aja
サーバの負荷低減と可読性を考慮したAjaxコーディング - llameradaの日記
はてなブックマークの「おすすめ」を求めるブックマークレットでは、「はてなブックマーク」から複数回RSSファイルなどを取得します。この時、サーバへ大きな負荷を与えないよう、１つのファイルのダウンロードが終了してから、次のファイルをダウンロードするようにしています。 複数ファイルをダウンロードするAjaxの処理をコーディングするのは意外と面倒です。単純に書くならば、ファイルのダウンロード終了後の実行するイベントハンドラとして、次のファイルをダウンロードする関数を与えることになります。しかし、ダウンロードするファイル数が多数の場合、一つ一つ関数を定義するのは明らかに無駄です。こういった場合、JavaScriptでは関数がオブジェクトである点を利用して、関数オブジェクトを返す関数を定義するのが定石です。 例えば、次のようなコードが考えられるでしょう。なお、prototype.jsを前提にしています
ブラウザでミニマムXML (1)：全般的なこと、注意事項など - 檜山正幸のキマイラ飼育記 (はてなBlog)
やっと第1回めー(苦笑)。さっ、はじめましょう。 僕はこれから、XMLについて語りたいと思います。ですが、このシリーズの題名には、「XML」以外に「ブラウザ」と「ミニマム」という単語が入っていることに注目してください。 XMLに関する解説や論考は、既に山のようにあるわけで、このシリーズに特徴があるとすれば、それは、残る2つのキーワード「ブラウザ」、「ミニマム」という観点でしょう。 内容： XMLから見て、「ブラウザ」とは何なのか 「ブラウザ」も捨てたものではない micro*との関係 Ajaxとの関係 注意事項、ないしは本音 今回のまとめ ハブエントリ（全体目次） ●XMLから見て、「ブラウザ」とは何なのか このシリーズでは、「今すぐ」と「誰でも」に“こだわる”つもりです。このような態度を僕が常にとってきたかというと、全然そうでないのだけど、こと今回は、「今すぐ、誰でもできるXMLプログラ
ネットワークリクエストを JavaScript で作成 - ウェブ開発の学習 | MDN
ここでの問題 ウェブページは、 HTML ページと、（通常は）スタイルシート、スクリプト、画像など、その他のさまざまなファイルから構成されています。ウェブでのページ読み込みの基本モデルは、ブラウザーがページを表示するために必要なファイルをサーバーに 1 回以上の HTTP リクエストを行い、サーバーが要求されたファイルで応答することです。別のページにアクセスすると、ブラウザーは新しいファイルを要求し、サーバーはそのファイルを応答します。 このモデルは、多くのサイトにとって完璧に動作するものです。しかし、データ駆動型のウェブサイトを考えてみましょう。例えば、 Vancouver Public Library のような図書館のウェブサイトです。このようなサイトは、特にデータベースへのユーザーインターフェイスと考えることができます。特定のジャンルの本を検索したり、以前に借りた本をもとに、あなたが
Jetty 6 Continuations - Ajax対応！ - FAX
Jetty 6 Continuations - Ajax対応！ 翻訳 (via こんな毎日・・・) 原文：Jetty 6.0 Continuations - AJAX Ready! 著者：Greg Wilkins Jetty 6.0.0 alpha 3がリリースされました！ サーブレット2.4のサーバが400kのjarと、たった140kの依存ライブラリに収まっています。(さらにJSPが必要な場合でも、たった2.6Mです！！)。 小さくて、速くて、簡潔で魅力的な点は全く損なわずに、スケーラブルなAJAXアプリケーションを構築するための、Continuationsと言う新機能をJetty6はサポートしました。Continuationsは、スレッドを使わずに非同期イベントの待機を実現します。 コネクション単位スレッド スケーラブルなサーブレットサーバを構築する上で、主要な課題の1つにスレッドとコ
Web ChangeLog: ASP.NET: Atlas
2005-09-16 ASP.NET: Atlas Atlas が公開されている。Atlas は Ajax の ASP.NET 上への実装である。ちょっと期待していたものと違うものが出てきた。Gmail とかで使われている気の利いたクライアントサイドウィジェットを上回るものをふんだんに実装しているのかと思いきや、それほどのものでもない。Atlasが提供するのは次のものだ: クライアントベースのWebアプリケーションを作成する完全なクラスライブラリ。オブジェクト指向でクロスブラウザ互換対応で、Webサービスへの非同期呼び出し(これが実は予想以上にすごい)、そして一応UIセット(既存のサーバーサイドの Web Control を踏襲したもので、画期的というほどではなさそうだが、すべてのサンプルを見たわけではないのでそう言い切るのは問題か)。 Web コントロール (サーバーサイド)。Atlas
Jamritas
JamritasはJavaScriptで記述されたAjaxアプリケーション開発のためのライブラリです。 プロジェクトページ ダウンロード ライブラリのみダウンロード 最新版は0.9.0です。 使い方 ページ内でjamritas-{version}.jsをロードしてください。 <script type="text/javascript" src="jamritas-{version}.js"></script> ドキュメント 現在Jamritasには以下のライブラリが存在します。 Template DOM Event HTTP Loader XMLRPC JSONRPC Cookie 更新履歴 0.9.0 Jamritas.Cookie Cookieの読み書きのためのライブラリが追加されました。 Jamritas.DOM text2dom()で引数の文字列からXML DOMツリーが作成できな
Zopeジャンキー日記 :JavaScriptのテンプレートエンジン 「Ajax Pages」
Ajax Demo Blog : Demonstration of an Ajaxian Blog http://ajax-pages.sourceforge.net/examples/blog/ ここにアクセスして、以下の操作をやってみてほしい。 1. 右下のAdminをクリック 2. admin / adminでログイン 3. 「New Post」ボタンを押す 4. タイトル、本文を書いて「Publish」を押す 5. 上の「back」をクリックすると、ブログエントリが「載った」！ なんと、これがJavaScriptだけでできているのだ！ つまり目の前のHTMLページが「ブログシステム」になっている（サーバがないので、このデモでは「保存」はされない）。 これはJavaScriptのテンプレートエンジン「Ajax Pages」のサンプルのひとつ。 Ajax Pages http://aj
日本アニメ（ーター）見本市 イブセキヨルニ
%%LI_PHOTO11%%%%LI_PHOTO12%%%%LI_PHOTO13%% %%LI_PHOTO14%%%%LI_PHOTO15%% ※使用期限の短い商品を特別価格にて販売中！下記のご注文欄をご覧ください ノミ・マダニ駆除薬の「ネクスガード」の進化版！ フィラリア予防効果が加わり、さらに駆除できる寄生虫の種類が増えました。 「ネクスガードスペクトラ」はこれ1つで多くの虫対策ができる嬉しいオールインワンタイプ。 食欲そそる牛肉風味のチュアブルだから、お薬が苦手な子でも食いつき抜群です。 ネクスガードスペクトラの効果 ・フィラリア予防 ・ノミ、マダニの駆除 ・お腹の虫（犬回虫、犬鉤虫、犬鞭虫）の駆除 ・ニキビダニ症の治療 ・発送時期や発送国によりパッケージが異なる場合がございます。 ・発送時期により、メーカーと製造国が変わることがございます。 ※大型犬用（15～30kg未満）：在庫な
hbkr | aタグで飛び先のタイトルとキャプチャを取得
リンクにマウスオーバーすることで、とび先のサイトのタイトルとキャプチャをリアルタイムに取得してきます。 こんな感じです。リンクの上にカーソルをのせてみてください。タイトルとサイトのスクリーンショットが表示されると思います。 あれ それ これ どれ はら ほろ ひれ はれ 実際のhtmlはこんな感じ あれ それ これ どれ はら ほろ ひれ はれ htmlが読み込まれた後にaタグにonmouseoverとonmouseoutを付与してます。hrefに指定されたurlを一度読みにいき、titleタグからタイトルを引っ張ってきます。スクリーンショットはwindowsサーバーに仕込んだ簡単なプログラムをかまして、そこから取って来てます。 最初ajaxで取りにいってたんですが、ローカルではちゃんと動くのにサーバーではなぜ
#!shebang.jp : prototype.js をちゃんと使ってみる。
September 12, 200516:45 prototype.js をちゃんと使ってみる。 カテゴリ技術ネタ prototype.js をちゃんと(仕事で)使ってみようという事でゴニョゴニョしたメモ。 やりたい事は通常のテキストを編集可能にして Ajax で保存っていうありがち(？)な事。 で、使い方の勉強がてら書いたコードをのせておくと以下のような感じ var Editable = Class.create(); Editable.prototype = { initialize: function(text, url) { this.view = $(text); this.url = url; Element.show(this.view); this.editor = document.createElement('input'); this.editor.type = "t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Hawk's W3 Laboratory : XML : XMLHttpRequestについて
http://d.hatena.ne.jp/drawnboy/20050723/1122137104
http://d.hatena.ne.jp/drawnboy/20050730/1122652659
http://www.infoaxia.com/tools/blog/archives/2005/07/ajax_1.html
[就職・転職] All About | 就職転職のノウハウ![[就職・転職] All About | 就職転職のノウハウ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
