Example page: instant edit AJAX-style
Your name: John Doe Your city: Rotterdam, NL AJAX instant edit script - clean HTML Welcome to my blog. Today i created this instant update script. Click here to try! If you like it you can download and view the source at: yvoschaap.com. Have fun and success. Message of the day:Time Spend Wishing, Is Time Wasted Check the source code of this page. No crazy JS!! Lorem ipsum dolor sit amet, consectet
GIGAZINE - クリックするだけで編集可能な「Easy AJAX Inline Text Edit」
GoogleCalendarもそうでしたが、クリックするだけで編集可能になり、そのまま別のところをクリックすれば保存完了というAJAX。 いちいち「編集」とか「保存」とかそういうボタンを押さずに済むのでラクチン。 例はこちら。 Example page: instant edit AJAX-style http://www.yvoschaap.com/instantedit/ ソースコードのダウンロードや解説は以下を参照。 YvoSchaap.com ほかにもダブルクリックでインラインディタとして「FCK Editor」を呼び出す例。 Inline Text Edit with FCK Editor
Unbeatable JavaScript Tools - The Dojo Toolkit
Visit dojo.io for documentation, examples, and more on Dojo, the Progressive Framework for Modern Web Apps and successor to the Dojo Toolkit Dojo Toolkit 1.17 A JavaScript toolkit that saves you time and scales with your development process. Provides everything you need to build a Web app. Language utilities, UI components, and more, all in one place, designed to work together perfectly. Get Dojo
script.aculo.us - web 2.0 javascript
This is a bugfix release that bumps script.aculo.us to version 1.9.0. Most importantly, the included Prototype 1.7 provides performance and compatibility improvements with the latest browsers. One other fix is includes, that makes the script.aculo.us loader work better if you use script tags in the BODY of your page. Download at http://script.aculo.us/, or grab/fork the source at http://github.com
いぬビーム - １０秒でGreasemonkeyスクリプトが作れる機能拡張「Platypus」
楽しい。 http://platypus.mozdev.org/ xpi直 いつものようにインストール＆Firefox再起動。 手順は以下の通り。 「コンテンツは魅力的だけど画面構成がうざい」系のページを開く メニューバーから「ツール(T) → Platypus!(P)」を選択 消したい部分を選んでクリック。気が済むまで消しまくる。 右クリックして「Save and Exit Platypus」を選択 で、Greasemonkeyスクリプトが吐き出される。 ある１ページだけではなく、サイト全体へ適用する 猿を右クリック、「Manage User Scripts(U)...」を選択。 作ったスクリプト（リストの一番下）を選ぶ。 Included Pagesが現在のページになってるので、適当にURLを削って * を置く 例えば d.hatena.ne.jp/kusigahama/* にすると、
画像やページをLightBox風に表示できるThickbox:phpspot開発日誌
Thickbox - One box to rule them all. Thickboxを使えば簡単に画像やHTMLファイルの中身をLightBox風にカッコよくページ内表示できます。 画像の場合 必要なCSSファイルとJavaScriptファイルをインクルードした上で、次のように画像タグを<a>タグで囲います。 <a>タグには class="thickbox" を指定し、title属性に画像の説明文を入れます。 <a href="images/image2.jpg" title="画像と一緒に表示させたい文字列" class="thickbox"><img src="images/image2_t.jpg" alt="Image 2"/></a> たったこれだけで、次のようにLightBox風に画像を開くことが出来ます。 titleで指定した説明文が画像の下に入ってます。 次にHTML
Juicy Studio: Accessible Style Sheet Bookmarklet
Site Navigation Sunday, 27th February 2005 Summary This article looks at creating a bookmarklet to empower users who may benefit from an accessible style sheet, but prefer the option to use the style sheet defined by the author. The article examines how to load a style sheet into the head of the document, and general techniques to follow when creating a bookmarklet. Author: Gez Lemon Contents Crea
IEで固定座標を指定する方法
さて、アナウンスしていたようにIEでposition: fixed;を実現する手法について簡単にまとめておきます。まぁこのテクニックもIE7が出るまでのつなぎです。やり方は大まかには2通りあって、純粋にCSS(スタイルシート)のみで指定する方法とJavaScript(正確にはMS独自のDynamic property ダイナミックプロパティーと呼ばれるもの)を使うやり方です。 まず、1.CSSのみの方法から １．基本的な考え方は、HTML(あるいはBODY)タグのスクロールバーを非表示にして、かわりにDIVタグ(HTMLならBODYタグ)のスクロールバーを表示させる方法です。具体的な記述は以下のようになります。 html { overflow: hidden; } body { height: 100%; overflow: auto; } 次に、固定表示したいDIVタグ(タグは何でも良い
prototype.js v1.5.0 の使い方
それは何？ prototype.js は Sam Stephenson によって書かれた JavaScript ライブラリです。 この熟考の上記述された標準に準拠したコードは、Web 2.0 において特徴となるリッチでインタラクティブなウェブページを制作する際の重荷を、あなたの肩から取り去ってくれるでしょう。 もしこのライブラリを使ったことがあるなら、充実したドキュメントがこのライブラリの売りではないことに気がついたはずです。 私は他の開発者と同様に、ソースコードを読み、試行錯誤しながら prototype.js を理解しました。 自分が学んでいる間にメモを取り、それを他の人たちと共有することは価値があるのでは、と考えたのです。 加えて、このライブラリによって提供されているオブジェクト、クラス、関数、拡張機能についての 非公式リファレンス も提供しています。 ここで提供する例とリファレンス
Niceformでエレガントなフォーム生成:phpspot開発日誌
badboy.media.design :: articles :: Niceforms Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. 配布されているJavascriptのファイルとCSSファイルを読み込むだけで、フォームデザインが早代わり。 HTMLに組み込む例） <scrip
マウスオーバーでダイアログボックス表示 - BoxOver - sta la sta
swazz.org BoxOverはマウスオーバー時にボックスダイアログを表示するためのJavaScriptライブラリ。 表示されるダイアログボックスはこのような感じです。 かなり細かくパラメータ設定ができるようで、どんな表示ができるかはこちらのサンプルページを参考に。 swazz.org 結構意外な箇所でダイアログボックスが表示されて、なかなか楽しいです。 ちょっとしたキーワードの注釈やヘルプなんかに応用できそうです。 はてなダイアリーのキーワードもこんな感じに表示してくれると便利かも。 でも使いすぎるとちょっと目ざといかも。
WEBベースのPOP3クライアントをPHP5 Ajaxで作るチュートリアル:phpspot開発日誌
Take AJAX to Your Email Inbox: Developing a Web-based POP 3 Client In this article, the first of three parts, you will start creating a simple web-based POP 3 client using AJAX, which will use "XMLHttpRequest" objects to retrieve messages from a mail server. PHP5とAjaxでWebベースのメールクライアントを作るチュートリアル記事の紹介。 チュートリアルで配布しているプログラムは実用的なものではありませんが、応用次第で使えるプログラムになりそうな感じです。 ちなみに、動作確認する場合、ダウンロードファイルの pop_client.p
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.res-system.com/weblog/category/36/blogid/3
Max Kiesler - 60 More AJAX Tutorials
http://blogus.xilinus.com/pages/javawin