タグ

Ajaxに関するcyberbobnetのブックマーク (10)

  • AjaxのバックエンドにPHP+MySQL:phpspot開発日誌

    AjaxのバックエンドにPHPMySQL(1/3) − @IT 第9回「『オンラインストア』完成へ向けて各ファイルを再構築」までで、「簡易オンラインストア」の処理を一通り完成させましたが、今回はそこにAjax(Asynchronous JavaScript+XML)を取り入れ、フォーム入力を支援するよう改良を加えます。Ajax用にPHPMySQLでバックエンドを作成するチュートリアルが公開されています。 クライアントブラウザとのAjax通信用にサーバ側で動作するサンプルプログラムを作ります。 やったことない人にはわかりやすいサンプルとなっているようですので参考にしましょう。

  • AJAXとCSSで作られたシンプルで見やすいプログレスバー「Ajax Progress Bar」

    操作感はAJAXで、画像などはCSSで実装されたわかりやすいプログレスバーです。進捗状況などの表示が簡単にできます。また、クリックする度に10%増やしたり、あるいは減らしたりといったことも可能。いろいろなウェブアプリの開発などに応用できそうです。 詳細は以下から。 WebAppers Simple Ajax Progress Bar with CSS by WebAppers ライセンスはMITライセンスで提供されており、以下から実際に試してみることができます。 Demo http://www.webappers.com/progressBar/ 実際にダウンロードしてみると、prototype.jsを使っており、使用するイメージ画像は2種類。その組み合わせでバーの増減を表現するとは、なかなかいい発想。

    AJAXとCSSで作られたシンプルで見やすいプログレスバー「Ajax Progress Bar」
  • クールなUIを実現可能なAjaxフレームワーク「vegUI」:phpspot開発日誌

    vegUI Demonstration クールなUIを実現可能なAjaxフレームワーク「vegUI」 このライブラリを使うことで次のようなクールなブラウザ内ウィンドウUIを実現できるようです。 ライブラリには、Button, ContentBox, CheckBox, Menu, ScrollBarのようなUIに関わるようなクラスから、Ajax BridgeのようなAjax用クラスなどが提供されるようです。 ドキュメントも充実していて、なかなか使えそうです。 vegUI のドキュメント vegUI のデモ

  • AJAXとDHTMLのサンプルサイト「MiniAjax.com」 - ネタフル

    Webデベロッパの新・御用達サイト – MiniAjax.comへようこそ!という記事より。 MiniAjax.comをご存知だろうか。2006年2月に開設されたサイトなのだが、Webデベロッパにとってかけがえのないサイトになるかもしれない。 「MiniAjax.com」というサイトがちょっと気になっていて、改めて紹介しようと思っていたらタイミングよく紹介記事がありました。まだ開設されたばかりだったのですね。 MiniAjax.comはこうしたAjaxスクリプトやDHTMLのサンプルやデモが設置されたページへのショールームサイト。ここに来ればさまざまなサンプルやデモへジャンプできるという寸法だ。 あちこちにあるスニップ(ソースコードの断片だそうです)をうまく使いこなすのも、ウェブデベロッパーに求められる技術になりつつありますね。 サイトにアクセスすると、こんな感じでサンプルが並んでいます。

  • Ajaxなページで「戻るボタン」を機能させる方法:phpspot開発日誌

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

  • Adobe提供のAjaxフレームワーク「Spry」のサンプル集:phpspot開発日誌

    Spry Samples In this section, we provide samples that feature small examples of a specific behavior in the Spry Framework. Adobe提供のAjaxフレームワーク「Spry」のサンプル集。 あまりSpryに関する情報は無かったように思いますが、こうしたサンプルが沢山用意されていると親しみやすいものですね。 Auto Suggest Sample XML をツリー表示 動的ページングサンプル 関連ページ prototype.js逆引きサンプル集 scriptaculous逆引きサンプル集

  • PHPとAdobe Spry Framework/Flexの連携サンプル『Adobe PHP SDK』:phpspot開発日誌

    PHPとAdobe Spry Framework/Flexの連携サンプル『Adobe PHP SDK』 2006年08月16日- Mike Potter: Announcing the (unofficial) Adobe PHP SDK Today I'm happy to announce that I've started a new project called the (unofficial) Adobe PHP SDK, which is intended to enable PHP developers to build solutions with Adobe RIA technologies quickly.PHPとAdobe Spry Framework/Flexの連携サンプル『Adobe PHP SDK』。 SDKとして、サンプルとライブラリが含まれています。 Spr

  • 第7回 Ajax活用のためのDocument Object Model入門

    前回,前々回と,Yahoo! ウェブ検索Webサービスを利用するサンプルを通じて,AjaxでXMLデータを利用する方法について紹介しました。XMLを利用することで,サイト検索結果のような複合的な情報(構造化データ)を,使用するプラットフォームを意識することなく,やり取りできます。前回,XMLデータをクライアントサイドで受け取れることを確認したところで,今回はより詳らかにXMLデータ読み込みの部分を見ていくことにしましょう。 XML操作の標準API「Document Object Model」 DOM(Document Object Model)とは,その名の通り,XML文書内に登場するタグや属性,テキストといった構成要素を汎用的に操作するためのオブジェクト群のことを言います。DOMを利用することで,与えられたXML文書から必要な情報を取り出したり,データを編集/追加/削除したり,といった操

    第7回 Ajax活用のためのDocument Object Model入門
  • 便利なAjaxリソースへのリンク集:phpspot開発日誌

    Solutoire.com - Ajax Resources 便利なAjaxリソースへのリンク集。 JavaScript 初級/中級向けリンク、デバッグ&テスト、エディタ、ヘルプ、Ajaxの基〜サンプル集、チュートリアル、Ajax関連ニュース、Ajaxフレームワーク〜フレームワークのリファレンスへのリンクと、豊富にリンクしたサイト。 全て英語サイトへのリンクになってますが、これは便利なサイトですね。

  • アドビのAjaxフレームワーク「Spry」を使ってみよう ― @IT

    先月5月11日、米アドビシステムズが発表したAjaxフレームワーク「Spry」は、最低限のプログラミングでAjaxスタイルのWebページ構築を可能にする、Webデザインフレームワークだ。今回は数あるJavaScriptライブラリの中でもユニークなフレームワークであるSpryを紹介し、実際にSpryを使ったサンプルを解説しながらその機能を探っていきたい。 ■Spry framework for Ajax Ajaxが騒がれた昨年から今年にかけて、Ajaxアプリケーション開発のためのJavaScriptライブラリ、フレームワーク、開発環境などの開発が盛んだ。多くのオープンソースコミュニティがライブラリやフレームワークを公開しており、「Prototype」や「script.aculo.us」といったライブラリはすでにメジャーな位置を占めて多くのアプリケーションで採用されている。 また、いくつかの企

  • 1