jQuery Form Plugin
Overview The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted. Submitting a form with AJAX doesn't get any easie
jQuery Form Pluginの解説と画像のAJAXアップロード - くらげだらけ
ExtJSの勉強もしてるんですがね、jQueryの方が楽ちんすぎて今でも使っているんです。 jQueryでは.load()とか.post()とか.get()とか書けば簡単にAJAXが書けますが、フォームをAJAXで扱いたい場合は「jQuery Form Plugin」を使うわけです。 これを使えばAJAXフォームの送信もカンタンカンタン。 APIリファレンスを日本語で書いたので覚え書きに載せときます。 って言っても、たいした量でもないので、いまいち分からなかったらプラグインファイルを見た方が早いですよー。 jQuery Form Plugin のAPI ■ ajaxForm() AJAX処理したい任意のフォームを設定します。 詳細についてオプション値を設定することも出来ます（オプションについては下の方に）。 Chainable: Yes. //オプション値なし $('#myFormId')
jQueryではじめるAjax：第2回 jQueryによるAjax実装｜gihyo.jp … 技術評論社
第1回ではJSONPによるAjax実装を取り上げましたが、今回はそこで使ったJSONという表記法と、JSONPというAjax実装手法について解説します。また、jQueryによる簡単なAjaxの実装についても解説します。 JSONってなに？ JSONとは、JavaScript Object Notationの略称です。ECMAScript言語 ECMA-262をベースに作られた、Javascriptオブジェクトの表記法のサブセットです。 JSONは、名前と値のペア、および、順序付きの値という2つのシンプルな構造に基づいて、構造化データを簡潔に表現することができます。 オブジェクト（名前と値のペアの集まり） JSONでオブジェクトを表現するには、メンバを「{」と「}」で囲みます。複数のメンバは「,」で区切られます。例えば、名前が「color」、値が「green」というメンバを持つオブジェク
jQueryソースコードビューアの使い方 | エンタープライズ | マイコミジャーナル
jQuery: The Write Less, Do More, JavaScript Library 人気のあるJavaScript AjaxフレームワークにjQueryがある。1月14日(米国時間)にメジャーアップブレードバージョンとなるjQuery 1.4が公開された。1月25日(米国時間)には不具合を修正したjQuery 1.4.1が公開されている。FirefoxアドオンJetpackでデフォルトのライブラリとして採用されており、将来的にFirefoxで利用できるデファクトスタンダード的なJavaScriptライブラリになっていくのではないかとみられる。 jQueryは便利なライブラリだが、いくつかの理由でソースコードそのものを読みたいときがある。ほかにどういったAPIがあるか調べたいケース、自分の想定しているものと違う動作をしているため実際にどういった処理が実施されているのか内部
自分のカラーが使いたいならjQuery UI 1.7 | エンタープライズ | マイコミジャーナル
jQuery UI 6日(米国時間)、jQuery UIの最新版となる「jQuery UI 1.7」が公開された。jQuery UI開発チームは「jQuery UI 1.7が重要なリリースであり、前進へ向けて大きな飛躍を遂げたバージョンだ」と紹介している。jQuery UI 1.7の主な特徴は次のとおり。 jQuery 1.3+互換。jQuery 1.3は1月14日(米国時間)に公開されたjQueryの最新版。jQuery 1.3自身のパフォーマンスが向上しているためjQuery UIの動作も以前に比べてスムーズになっている テーマ機能ThemeRollerの完全な再設計と実装 ThemeRollerに対応した新しいCSSフレームワークを使うように作り替え。この結果プラグインを作成することで簡単にテーマにも対応できる。参考: "吹き出し"を画像使わずにCSSで作る方法 Google CDN
Aptanaで始めるJavaScriptライブラリ「jQuery」超入門 (1/3)：jQueryで学ぶ簡単で効果的なAjaxの使い方（1） - ＠IT
jQueryで学ぶ簡単で効果的なAjaxの使い方（1）：Aptanaで始めるJavaScriptライブラリ「jQuery」超入門 (1/3) いま話題の「jQuery」を使って、目的を持ったAjax開発の効率化や使いどころ・注意点などについてサンプルを見ながら解説していきます。Webデザイナ／プロデューサーも必見！ JavaScriptライブラリ「jQuery」とは？ 最近、Flashの代わりにJavaScriptを利用してリッチなデザインのWebサイトを構築する事例が増えてきました。特にグーグルのサービスは、JavaScriptをうまく取り入れている例として誰もがご存じでしょう。 例えばGoogleマップは、Webブラウザ上でマウスをドラッグ＆ドロップするだけで、地図を自由に操作できます。このような操作感は、まるでWebサイトであることを意識させない作りになっています。 本来、JavaS
Dojo 6KB版登場、dojo.jsのコア関数すら遅延読み込み | エンタープライズ | マイコミジャーナル
フルフィーチャフレームワーク Dojo Dojo開発者であるAlex Russell氏はSitePen BlogにおいてDojo In 6Kのタイトルのもと、さらに軽量で高速に動作するDojoについて発表した。このDojoを使うと、この手のフレームワークとしては最軽量とみられているjQueryよりも最初のページの読み込み時間を高速化できるという。 DojoはjQueryやPrototypeなどの軽量JavaScript Ajaxフレームワークと比較して、多くの機能を実現していることからフルフィーチャフレームワークと呼ばれている。以前のバージョン(0.4系、0.9系)はその機能の多さゆえに読み込みに時間がかかると批判されることが多かったが、Dojo 1.0からはコンポーネントを遅延読み込みすることで最初のロード時間を短縮しつつ、多くの機能を使う方法を実現している。 Alex Russell氏
HTML上のテーブル操作の決定版·Flexigrid MOONGIFT
※ 画像は公式サイトデモより 業務システムのみならず、メールや一覧の機能で必要になるのがテーブルを使った一覧機能だ。このとき、比較元になるのがエクセルをはじめとした表計算ソフトウェアだろう。あのレベルのUIをWebベースで再現するのはほぼ不可能とさえ言えそうだ。 ドラッグアンドドロップによるカラムの並べ替えや表示/非表示の切り替えが可能 無理矢理カスタマイズして膨大に工数を増やすのではなく、ライブラリを使って柔軟に、素早く対応しよう。 今回紹介するオープンソース・ソフトウェアはFlexigrid、jQueryを使ったテーブル操作ライブラリだ。 Flexigridは既存のテーブルに対して利用できるライブラリで、普通のテーブルをカラムの並べ替えや表示/非表示、幅の変更など優れたUIをもったテーブルに変更してくれる。対応ブラウザはIE6/IE7、Firefox 2、Opera 9.x、Safar
Google Web Toolkit
「ソフトウエアを作る環境を楽しくするお役立ちフリーソフト」を集めて，1日1本のペースでご紹介しています。今回はAjaxアプリケーション開発ソフトウエアの「Google Web Toolkit（GWT）」です。 「Google Web Toolkit（GWT）」は，AjaxアプリケーションをJavaScriptではなくJavaで開発するためのソフトウエアです。米Googleがオープンソースで提供しています。 GWTでは，Javaでプログラムを記述すると，それがAjaxを実現するためのJavaScriptとHTMLのコードに変換されます。「WebアプリケーションのコードをサーバーからクライアントまですべてJavaで書きたい」という人に最適です。 GWTには様々なAjaxのサンプルが付属しているので，それを参考にすれば，Javaでどのようにプログラムを書けばいいかがわかるでしょう。Javaのプロ
【レビュー】AjaxでRPG - RPG風のコミュニケーションワールドPrimera登場 (1) Primeraとは? | エンタープライズ | マイコミジャーナル
PrimeraはJavaScript、DHTML、Perlなどを使って開発されたロールプレイングライクなコミュニケーションワールド。同時に複数のプレーヤがワールドに接続し、オンラインゲームのようにマップを徘徊できる。 CivilizationやFreecivとよくにたマルチプレーヤ戦略のオンラインゲームに"Vox Imperium"がある。Vox ImperiumはJavaScriptで開発されているのでWebブラウザに特別なプラグインをインストールすることなくプレイできる点が特徴だ。Primeraもいわば同じ系列のWebアプリケーションで、Webブラウザから接続すればプレーできる。ただしゲームというよりはコミュニケーションアプリケーションだ。 Primeraの名前は、息の長いファンタジーロールプレイングゲーム「Ultima RPG」をもじったジョークということだ。Ultimaには"究極の
Ajaxな無料のWeb OS、スウェーデンのXcerionが開発中 | エンタープライズ | マイコミジャーナル
スウェーデンのXcerionは、Ajaxで動作するWebベースの新OSの開発を進めている。間もなくβ版のリリースを開始することがアナウンスされており、現在はWebサイト上でβアカウントの希望者を受付中だ。 新OSは、Webブラウザからアクセスして自分のデスクトップ環境を展開する"Web OS"となるようで、XMLフォーマットで保存されるデータの専用サーバも提供されるという。コンセプトには"Every computer is my computer"が掲げられており、インターネット接続環境さえ整えば、基本的にどのPCからアクセスしても常に自分のデスクトップ環境を継続利用できるWeb OSに仕上げられるようだ。 同社は、新OSを無料で提供する予定で、対応アプリケーションも豊富にラインナップするとしている。
【コラム】そろそろきっちりJavaScript (2) 無名関数についてもう少し考える | エンタープライズ | マイコミジャーナル
無名関数のメリット 前回の記事では、無名関数を関数リテラルに割り当てるという操作を紹介した。なぜ、このような記法により関数を定義するのだろうか。 まず、無名関数を採用するメリットには、「命名する必要の無い関数をシンプルに記述できる」「(複数ファイルのJavaScriptライブラリを読み込んでいるときなどにおいて)、既存の関数/変数名との衝突を回避できる」という点が挙げられる。 前回の冒頭で述べた通り、JavaScript関連ライブラリが数多く存在し、多くのシーンでそれを活用している今日、既存のライブラリやソースコードと名前が衝突しない事がどれだけ重要であるかは想像に難くないだろう。 それでは、命名する必要の無い関数とはどのようなものだろうか。また、無名関数だと変数名の有効範囲はどのように決まっているのだろうか。ここで、前回に引き続きFirebugで以下のコマンドを実行し、動作を確認してみよ
第1回 JavaScriptレスでAjax開発！
株式会社DTS ネットワーク事業本部 プロジェクトマネージャ。Javaを中心にフレームワーク開発や開発プロセス定義など幅広く活躍中。StrutsIDEコミッタ。著書「まるごとEclipse! Vol.1」（発行：インプレスコミュニケーションズ）。 この連載では，現場のJava開発者が気になるJavaフレームワークを詳細に解説します。今後利用実績が伸びそうなフレームワーク，多少メインストリームから外れているけど，ユニークで注目に値するフレームワークなどを，一つずつ取り上げてじっくり解説していきます。今すぐでなくても，いずれ仕事に役立つはずです。ぜひ読んでください。 第1回では，最近人気のAjaxアプリケーションを簡単に作れるフレームワークを取り上げます。Ajaxは，Webアプリケーションにリッチなユーザー・インタフェース（UI）をもたらす仕組みとして非常に注目されています。基礎的なアーキテク
【レポート】あのmoo.fxがバージョン2に - 滑らかで超軽量のエフェクトはこれ! (1) moo.fx2-mootoolsとは (MYCOMジャーナル)
The Mad4Milk teamは3日(米国時間)、moo.fxの最新版となるmoo.fx version 2.0(以降、moo.fx2)を公開した。moo.fx2は超軽量のJavaScriptエフェクトライブラリ。mootoolsの一環として開発されているが、prototypeとともに動作するようにも作成されている。prototypeは"Ajaxian.com 2006 Survey Results"調査結果において43%の支持を得ている1番人気のAjaxフレームワーク。moo.fxは11%の支持を得て5位にランクインしている同じく人気のあるJavaScriptエフェクトライブラリ。 同チームは9月11日(米国時間)、JavaScriptライブラリ集であるmootoolsを公開。moo.fxとmootoolsはときに同じ意味として使われるが、moo.fxはより細かい成果物の名称として、
各言語用Ajax関連ライブラリ＆Ajaxフレームワークのコンプリートリスト:phpspot開発日誌
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 -
Yahoo! Search Web ServicesのJSON(P)を利用したサイト内検索
Yahoo! Search Web ServicesのJSON(P)を利用すれば、JavaScriptのみでサイト内検索が実現できる上、Ajax的にページ遷移無しで検索が実行できる。Google AJAX Searchが内部で利用しているJSONPらしきアレを利用するケースと違い、こちらは公式にアナウンスされているのでおおっぴらに利用できる。というわけで、ほとんど同じタイトルでほとんど同じネタを連続で書いてみる。 実装は、ひとつ前のエントリでもリンクを張っておいたサンプル・ページで利用しているJavaScriptファイルのような形になる。 Yahoo! Search Web ServicesのWeb Search APIへのリクエストは、 http://api.search.yahoo.com/WebSearchService/V1/webSearch?appid={アプリケーションID}
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
syboos.jp
IDEA * IDEA
Yahoo! User Interface Library
http://journal.mycom.co.jp/series/scriptaculous/005/menu.html