Code Archive Skip to content Google About Google Privacy Terms

noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。

history plugin This plugin helps you make your Ajax-driven page available for "Go Back" button and "bookmark" of browser. ブラウザ履歴を簡単に操作可能なjQueryプラグイン「jquery.history」。 「Ajaxなページで「戻るボタン」を機能させる方法」で紹介したその方法がjQueryのプラグインとしてライブラリ化されました。 動作確認は、デモ画面の、load1, load2, load3 リンクを押していき、ブラウザの戻るボタンで確認することが可能です。 「Ajaxなページで「戻るボタン」を機能させる方法」で解説したとおり、iframe を使ったりしているようです。 こういった機能はライブラリ化されていると便利、というかAjaxフレームワークには最初からついて

JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫：花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを１，２，３と開いていって、２に戻りたいのに、前に開いていたページに戻るのは利用者としては不本意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram

PHP Navigator Web based open source file management system in PHP and AJAX. With Windows XP style & icons. You will feel you are on Windows! PHPとAjaxを使ったWEBベースのファイル管理ツール「PHP Navigator」。 次のようなWindowsXPのエクスプローラライクなインタフェースのファイルマネージャを実現できます。 開く、解凍、リネーム、削除、コピー、解凍、新規ファイルのようなメニューもあって、まさにエクスプローラです。 ブラウザベースなのでリモートのファイルを管理するのに役立つかもしれませんね。

pixer.us :: online photo editor AJAXを使ったオンラインフォトエディタ「pixer.us」 同じようなサイトで、「snipshot」というサイトもありますが、こちらも使いやすいので紹介。 画像のアップロードにはじまって、 画像の回転 リサイズ キリトリ 左右、上下反転 各種エフェクト が簡単に行えます。 これは便利ですね。 関連エントリ prototype.jsベースの画像切抜き用JavaScriptライブラリ ブラウザのみで画像のキリトリ＆リサイズ＆フィルタ実行が可能な「Picture Resizer」

Smashing Magazine Blog Archive Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby… Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめが紹介されてます。 チートシートって印刷して貼っておくとほんとに便利でお世話になってます。 Ajax関連 What’s Ajax? Cheat Sheet - PDF Prototype Dissected - Cheat Sheet PNG scriptaculous Combination Effects - Cheat Sheet - PDF Apache関連 Apache Cheat Sheet Apache 1.3 Quick Reference Card - free quick reference cards - PDF htacc

Software Development in the Real World: The Complete List of Ajax Tools Ajax has really taken off over the last two years. Ajax is really just the combination of Asynchronous JavaScript and XML. 各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト。 PHP, Perl, .NET, ColdFusion, Flash, Java用の他、Ajaxフレームワークのリストが公開されていました。 AJAX ライブラリ Yahoo Ajax Libraries - ご存知Yahoo UI Library Google Ajax Search Yahoo Maps Ajax API -

SSLBridge - Open Source Linux VPN software - Samba Browser An AJAX enabled Samba web GUI that provides users access to corporate documents without any specialized hardware or software clients. Ajaxを使ってブラウザでSambaをブラウズできる「Samba Browser」。 ファイルをドラッグ＆ドロップで移動できたり、複数ファイルをZIPで一括ダウンロードしたりする機能があります。 バックエンドはPHPで構築されています。サイト上からプログラムのダウンロードが出来るので、興味のある人は試してみてはどうでしょう。

Ajax dynamic pages pages Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」。 デモページの「Next Page」を押すと、ずずずっと次のページがスクロールでアニメーションされ表示されます。 更に「Next Page」で、どんどんページ内でページ送りが出来ます。 いちいちページ遷移が行われることなく、スムーズに次のページに移動できる上、ページを戻るのも高速です。 設置は、次の手順で行います。 必要なJavaScriptファイル読み込み スクロール領域のDIVを定義 JavaScriptコード定義。DHTMLgoodies_scrollingPagesを初期化 配布パッケージをダウンロードしてカスタマイズすれば容易に使えるでしょう。

Ajax Digest // Thorough review of AJAX frameworks for PHP phpから使えるajaxフレームワーク集。 JavaScript を一切書かずにPHPでAjaxアプリを実現したい場合に便利です。 AJASON - PHP5で動作。Firefox1.06, IE6で動作テスト済み AjaxAC - IE6, Firefoxで動作テスト済み Ajax Agent - IE6+, Firefox+で動作テスト済み Cajax - DutchPIPE - PHP5+SimpleXML.Firefox, IE6/7で動作テスト済み HTSWaf HTML_AJAX - Pearのライブラリ。Firefox1.0+, IE5.5+, Safari 2+, Opera 8.5+で動作テスト済み JPSpan My-BIC - php4/5対応。Fire

AsH: Top 126 Ajax Tutorials Ajaxチュートリアル集126個。 Ajaxの入門、ブックマークレット、チャット、ドラッグ＆ドロップ、動的コンテンツ読み込み、オートコンプリート、ファイルアップロード Lightbox風画像表示、キーワードサジェスト、インクリメンタルサーチ、プログレスバー、角丸、リストのソート、ツリー、投票など、ありとあらゆるチュートリアルがまとまっていて、やりたいことを実現する際に使えそうです。 これだけのリファレンスがあるんですね。驚きです。 関連エントリ ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ WEB開発者のためのリソースを集めたリンク集 JavaScriptデバッグツール集 JavaScriptでマウスホイールイベントを扱い、スクロールも停止する方法 高速＆シンプルなJavascriptテンプレートシステム『RN

Kazuho@Cybozu Labs: Ajax な HTML ページのソースコードを表示する 多くのウェブブラウザでは、メニューからウェブページのソースコードを表示することができます。しかし、この方法で表示される HTML はダウンロード時のデータなので、Ajax を多用しているウェブサイトのコードを解析する際には役にたちません。 Ajax な HTML ページのソースコードを表示するブックマークレット。 JavaScriptで動的に書き換えたソースは、右クリックの「ソースを表示」では見ることはできませんが、それを可能にするブックマークレット。 JavaScriptの開発に便利ですね。 関連エントリ WEB開発者のためのWEB開発ツール

Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ

Senza Limiti - Technology AjaxベースのPHPグリッドコンポーネント。PHP+JavaScript+CSS+Ajax+MySQLが使われて実現されています。 Windowsのエクスプローラライクにソートできたり、Excelダウンロード、プリント機能もついてます。 ライセンスはGPL。 なかなか使えそうです。 リンク ダウンロードページ デモ

JamesDam.com ? AJAX Login System Demo This is an example of a login system that does not require page refreshes, but is still very secure. Ajax+PHPでの画面遷移なしのログイン画面作成サンプルが公開されています。 フォームに、user1, pass1 を入力すると即時認証が行われ、次のようにログイン状態になります。 認証には、Ajaxを使ったワンタイムパスワード方式が使われます。 具体的には、Ajaxでサーバからチャレンジコードを取得し、チャレンジコードとパスワードをmd5でハッシュして、更にその値をサーバに送信し、認証を取ります。 このため、従来の方式よりは安全な認証が可能となります。 Ajaxが出てきたことで、ブラウザを開いたままの状態でインタ

smarty_ajax - AJAX-enabled Smarty plugins | Introduction These are simple AJAX-enabled plugins for Smarty. I don't try to develop powerful reach-applications framework. I can give you only idea how to integrate AJAX-technology into Smarty. But if you have any offers how to improve anything I've described please leave you comments on my site.Ajaxを使ったアプリを簡単に作れるSmartyプラグイン『smarty_ajax』。 チャットなんかを作るサンプ

このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章　Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja