Ajaxなページで「戻るボタン」を機能させる方法:phpspot開発日誌
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫：花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを１，２，３と開いていって、２に戻りたいのに、前に開いていたページに戻るのは利用者としては不本意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram
【レビュー】ドラッグ&ドロップで今風のWebサイトを作ろうぜ - Weeblyを使いこなす (1) Weebly事始め (MYCOMジャーナル)
ドラッグ&ドロップでWebサイトを作成できる「Weebly」 Ajaxを利用して、ブラウザからオンラインでWebサイトを作成できるというサービスはもはや目新しいものではなくなってきた。こういったサービスはいくつも提供されている。例えば、Wikiの編集部分をAjaxを利用したWYSIWYGコンポーネントに置き換えるものもあれば、テキストエディタとWikiの中間のようなスタイルをとっているものもある。また、ポータルサイトにおける一機能としてポートレットを組み合わせて構築できるようになっているものもある。 ここでは、そういったサービスの一つである「Weebly」に注目していく。Weeblyはドラッグ&ドロップでWebサイトを作成できるという、便利なサービスである(図1〜図4)。 図1 Weeblyの公式サイト 図2 Weeblyで作成したWebページの例(1) - テキストと画像を配置 図3 W
Ajax と OpenSearch と はてなダイアリーキーワード連想語 API を使ったはてな検索のデモ
Ajax と OpenSearch と はてなダイアリーキーワード連想語 API を使ったはてな検索のデモ 2006-02-20-1: [JavaScript][Ajax][PHP] http://pocari.org/tools/ajax/opensearch/ はてなダイアリーキーワード連想語 API が面白かったのと，PHP から使える PEAR::OpenSearch を発見したので Ajax と OpenSearch と はてなダイアリーキーワード連想語 API を使ったはてな検索というものを作ってみました． OpenSearch には PEAR::OpenSearch を，はてなダイアリーキーワード連想語 API には PEAR::XML_RPC を使っています． また，JavaScript のライブラリは prototype.js と script.aculo.us (eff
AjaxZip 2.0
Kawa.netxp AjaxZip 2.0 - Ajax郵便番号→住所自動入力フォーム（CGI不要版） AjaxZip2は、昨年公開した 『ajaxな住所入力フォーム』 の新バージョンです。 郵便番号を入力すると、該当する都道府県名・住所が自動的に入力されます。 Ajaxと JSON フォーマットを利用するJavaScriptライブラリとして公開しました。 JavaScript のみで稼動するため、サーバサイドで稼動するCGIプログラムは不要です。 郵便番号→住所変換処理は全てクライアントサイドのJavaScriptで行います。 既存 HTML の住所入力フォームをたった3行書き換えるだけで利用できます。 簡単に設置できるため、プログラムに詳しくない方でも導入していただけると思います。 以下の住所入力フォームに、7桁の郵便番号を入力してみてください。 【2007/12/09 追記】 jQ
あるＳＥのつぶやき: Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
あるＳＥのつぶやき: Ajax開発支援ツールまとめ
Ajax開発支援ツールをまとめておきます。 | コーディング | ブラウザ | テスト | デザイン | JSツール | 画像 | リファレンス | | チートシート | JSお勉強 | リンク | 編集履歴 | ・コーディング支援ツール ↑TOP aptana eclipseのプラグインのJS,CSS,HTML,XML,PHP,AIR等のエディタ コード補完機能やJavaScriptのクラスの階層表示もサポート 解説記事1 ，解説記事2，正式版情報 JSEclipse Adobe提供のecliseプラグイン。こちらも参照 コード補完機能や、オープンソースライブラリもサポート Spket IDE eclipseプラグインのJavaScript,XMLエディタ XUL/XBL,SVG,Lzszlo,Yahoo! Widgetをサポート Googlipse Google Web Tookit用
Ajax うきうき Watch 第9回 巨大化するAjaxライブラリをシンプルにする新たな流れ
巨大ライブラリの機能の海におぼれずにすむよう、コンパクトにまとめたミニライブラリが話題だ。そのほか、FirefoxプラグインにJavaScriptデバッガも登場している（編集部） LoJAX (Low-technology AJAX) Ajaxは古い技術の集合体にすぎません。それにもかかわらず、長い間ブームにならなかったのは歴史的事実です。ブームになるための最後のハードルは、マイクロソフト独自技術のXMLHttpRequestオブジェクトと互換性のある機能を、Internet Explorerのライバルブラウザたちがサポートしたことにあると考えています。そのことから分かるとおり、WebブラウザがXMLHttpRequestオブジェクトを持っていることは当然の前提とはいえません。過去にはこのオブジェクトを持たないWebブラウザは一部バージョンのInternet Explorer以外のすべてと
[YUI] マウスオーバーでリンク先サムネイル表示
Yahoo! UI Library の YAHOO.widget.Tooltip オブジェクトのツールチップ機能と、 Simple API のサムネイル画像取得サービスを組み合わせて、 マウスオーバーでリンク先サイトのサムネイル表示を行うデモです。 Yahoo! JAPAN PC Watch asahi.com Yahoo! UI Library: Tooltip kawa.net xp ゆうすけブログ Flickr: Photos from Yusuke,SF 上記リンク部分にマウスカーソルを乗せると、サムネイルを表示します。 ソースコード 短いです。YUI と SimpleAPI に感謝！ <script type="text/javascript" src="js/yahoo.js"></script> <script type="text/javascript" src="js/e
AJAX PICS - エイジャックス ピクス: オンライン画像編集エディター
新社会人も初めてのお給料をもらい、どう使おうか考えられている方もたくさんいらっしゃるでしょう。銀行や信用金庫などにお勤めの方とつながりがある方は、さっそく積立をすすめられたかもしれません。実際、私の職場にも積立を勧めにきた人がいました。 また私自身、別口でお金の積立を行ってます。 積立の期間や金額は条件によってバラバラではありますが、1口いくらという形が多いかと思います。 積立そのものに金利はつかないので、定期預金とは異なります。 ただある程度の期間は決まった金額を塩漬けにすることになりますから、お金の無駄遣いを避けることができます。 そういう意味で、将来的な貯金につながります。 近い将来に大きな買い物を考えていらっしゃる方には効率の良い方法かと思います。 また、お金の管理に自信のない方にとっても、無駄遣いを抑える良い方法です。 銀行さんなどが新入社員さんにまず勧めるのも、そういう意味があ
llameradaの日記 - ユーザがページに滞在した時間をサーバに記録するJavaScript
Ajaxの普及に伴い、ページ当たりのユーザの滞在時間が注目されるようになっている。従来、サービスがユーザに与えるインプレッションの指標としてページ・ビューが広く用いられている。しかし、Ajaxを利用するとページの移動があまり発生しないため、ページ・ビューが低くなってしまう。そこで、インプレッションの指標として、滞在時間を使おうという動きがある。 今回、JavaScriptでユーザの滞在期間が記録できるかどうか調べてみた。取り組む前は難しいかなと思ったが、実際にはとても簡単であった。コードは下記。 (function(){ var start = new Date; window.onunload = function(){ var time = (new Date - start ); var image = new Image; image.src = "/dummy?t=" + tim
web2.0なオンラインストレージサービス:phpspot開発日誌
Box.net - Free Online File Storage, Internet File Sharing, RSS Sharing, Access Documents & Files Anywhere, Backup Data, Share Files 1GB for free or 5GB for only $4.99/mo web2.0なオンラインストレージサービス、box.netの紹介。1GBまでなら無料のストレージとして使えるようです。 Ajaxをふんだんにつかって非常に使いやすいWEBアプリになっています。Ajaxアプリを作る際の参考になりますね。 特にいいな、と思ったのがUploadのプログレスバーで、大きいファイルであっても次のように進捗が表示されるので安心できます。 １ＧＢまで格納できるサービスであるのでこういった部分は必須なのかなと思います。 ファイルのタギング
IBM、AJAX Toolkit Framework 初の成果物を公開 | エンタープライズ | マイコミジャーナル
IBM, Emerging Internet Technologies Groupは27日(米国時間)、IBM alphaWorksにおいてAJAX Toolkit Frameworkの公開を開始した。AJAX Toolkit FrameworkはJavaで作成されたEclipse IDEで動作する開発用プラグイン。DojoやZimbraなどのAJAX実行環境に対する統合開発環境に対していくつもの拡張機能を提供する。 IBMおよびZimbraは12月20日(協定世界時)、The Apache Incubator Projectに「AJAX Toolkit Framework」を提案。同提案は1月11日(協定世界時)における改訂版でZimbra主導の内容に変更され、かわりにIBMは1月31日(カナダ時間)、Eclipse Web Tools Platform projectに「AJAX To
Google Maps APIシューティング挫折版
for JavaScript ver. 0.01α (C) Kenta Cho(ABA."Saba") [上下左右] - 自機の移動 [Z] - ブラスター ソース main.js - メインルーチン mapmanager.js - マップ制御 ship.js - 自機 explosion.js - 爆発および焼け跡 turret.js - 地上砲台 bullet.js - 敵弾 Back to ABA Games
リッチクライアントを実現する - Rialto JavaScript 0.8 ほか公開 | エンタープライズ | マイコミジャーナル
TheServerSide.COMにおいて2日(米国時間)、application-server.comからRialtoの最新版が公開されたことが発表された。公開されたコンポーネントはRialto JavaScript API version 0.8、Rialto TagLib version 0.2、Demo of Rialto Javascriptなど。Demo of Rialto JSFおよびDemo of Rialto PHPは現在作業中で、Subversion経由でのソースコード取得のみが可能。Rialtoの最新版に関する発表は30日(仏国時間)、application-server.comにて行われている。 Rialto(Rich Internet AppLication TOolkit)は、複数のWebブラウザでリッチクライアントの実現するためのJavaScriptウィジェッ
秋元@サイボウズ研究所プログラマーBlog: Ajax アプリケーショントップ12 (トップ10 パート2 ???)
Ajax アプリケーショントップ10 で紹介した、ベンチャーキャピタリストのブログで、Ajax アプリケーショントップ10 パート2 が公開されていた。先月の記事なので僕が気づいてなかっただけだが。トップ10 なのにパート2、しかも 12 個あるんだが。。。まあいいか。 パート1 のあとに出てきたもの、いまだにその実態がはっきりしないものもふくめ、前回とは別の 12 個、追記の 2 個を含めて 14 個の注目 Ajax アプリケーションがピックアップされている。 カレンダー: CalenadarHub 検索可能な共有 or プライベートカレンダー。グループによる共有、購読機能、ドラッグ&ドロップできる UI、RSSフィード、API 公開 辞書/シソーラス: ObjectGraph Dictionary 説明不要 メール: Zimbra メール、カレンダー、アドレス帳やその他のコミュニケーシ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://synklab.net/niya/
Yahoo UI Libraryを拡張した超リッチなコンポーネント集:phpspot開発日誌
Goggles :: The Google Maps flight sim
GIGAZINE - オーバーレイ効果を作り出す軽量スクリプト「iBox」
DHTMLとAJAXのフリーで使えるコード集「DHTMLgoodies.com」