Developer's Guide The AJAX Libraries API is a content distribution network and loading architecture for the most popular open source JavaScript libraries. By using the google.load() method, your application has high speed, globally available access to a growing list of the most popular JavaScript open source libraries. Table of Contents Audience This documentation is designed for people familiar w
他のライブラリや、自分のコードと共存させるときは、これらの名前と衝突しないように気をつける必要があります。同じ名前を使ってしまうと、コードがロードされた順番によって挙動が変わる、というようなわかりにくい問題が発生してしまう場合が出てきます。 オブジェクト、クラスの使われ方 ライブラリ内では、上記の名前空間は大きく分けて以下のような使われ形をしています。 その下に別のオブジェクトを入れるための親名前空間として使う Class.create()を使って Prototypeライブラリ風のクラスとして定義する Object.extend()を使って他のクラス、オブジェクトから継承されることを前提とする関数を集める コードを簡潔に記述する為に短い名前の関数として使う 特に、Object.extend()を使って継承を実現している箇所が多く、最終的にどのオブジェクト・クラスにどのメソッドが定義されてい
CodeZine:Adobe製、AjaxでFLVを制御するオープンソース「Flash-Ajax Video Component」(アドビ)より。 動画共有サイトでは大抵、Flashビデオの下部に再生、音量変更、早送り/巻き戻しの制御が付いている。これはFlash側で組み込まれているので、便利ではあるがそれ以上の発展がない。 もっと動画とサイトをインタラクティブに融合させるためにも、これを使ってみるのが手だ。 今回紹介するオープンソース・ソフトウェアはFlash-Ajax Video Component、Adobe Labs謹製のAjaxによるFlashビデオ操作ライブラリだ。 Flash-Ajax Video Componentを使うと、FlashビデオをJavaScriptから制御できるようになる。Flashオブジェクトの描画もJavaScriptを通じて行うので、embedタグを書くこ
(2007.7.20 記事更新) 誰かがそろそろExtについて詳しい事を書いてくれるのではとか、甘い期待をしていたけど、ぜんぜん出てこないって事は人気がないって事なんでしょうか。 でもこれ、相当すごいものだと思うんです。 例えば、このページ(hello worldをクリック)だけをとっても良い動きをしてくれるのが確認できると思います。 なので今回はJavaスプリクト+Ajaxなオープンソース『Ext』をご紹介しておきます。 概要 非常に簡単なコードで、高度な動作を要求することが出来る。 それがJavaScriptフレームワーク『Ext』です。 フレームワークについてはウィキ等で見てもらえればわかると思いますが、私の絵心のない簡略図でよければ、以下のようなイメージがフレームワークですね。 基本的に商用は有料。 個人利用や、企業内でも、閉鎖されたネットワークでの使用はOKだそうです。 ライセン
これはなかなかおしゃれな小窓が作れそう。 ウェブサイトでちょっとしたお知らせなどを入れる時に役に立つと思います。 特に、フォームを利用しただけではあまりおしゃれなものになりませんので、この技術を応用してみてはいかがでしょうか。 6つのサンプル 試しにサンプルファイルを開いてみれば、一通り使えると思いますよ。 サンプル1 マウスによるロールスクロールは出来ない。 矢印にマウスを乗せるとスクロールする。 サンプル2 スクロールバーを左に配置。ボタンデザインをこったものに出来るサンプル。 サンプル3 スクロールバーを右に配置しているが、特殊なバーに加工している。 サンプル4 上のサンプル3に、タブを追加したバージョンです。 サンプル5 上のサンプル4に、さらに右側にリンクによるナビゲーションを追加したバージョン。 リンクナビゲーションをクリックすると、中のスクロールもそこまで移動するという代物。
Ajaxを使ってフォームのフィールドの変化に応じてdivの中身を入れ替えるような処理の場合、ブラウザの「戻る」機能を正常に使うことができなくなります。 フォントサイズの変更や「戻る」「進む」などのブラウザが標準で搭載している機能が使えなくなることはユーザの自由を奪ってしまうことになり、ユーザビリティがよくありません。 いろいろ調べてみたところ、「みかログ: Ajaxと戻るボタン・ブックマーク」というサイトにて対処法を発見しました。 ポイントとしては、 IE以外ではlocation.hashで各オペレーションに対して異なるhashを生成 IEでは隠しIFRAMEにlocation.hash生成 というあたりらしいです。 Javascriptを直接記述する場合は上記サイトのjQueryプラグインで事足りると思いますが、私の場合Symfonyを使用していたため、その中のヘルパ関数であるobser
利用者にメッセージを分かりやすく伝えるJavaScriptライブラリ「Window.Growl 2.0」 2007年07月10日- Window.Growl 2.0 利用者にメッセージを分かりやすく伝えるJavaScriptライブラリ「Window.Growl 2.0」 「Window.Growl」を使えば、クリックするとフェードイン表示し、数秒後に消える、というようなメッセージボックスを簡単に実装できます。 実装コードは次のように超シンプル。 Growl.Smoke({ title: 'Window.Growl By Daniel Mota&apos', text: 'http://icebeat.bitacoras.com', image: 'growl.jpg', duration: 2 }); これはなかなか使えそうですね。 ライブラリには、mootoolsフレームワークを使用して
pagerとは? pagerは長文を区切ってページとして表示させることができるライブラリです。ブログやサーチエンジンなどのテキスト形式のコンテンツなどでページ番号が記されたサイトを見たことがあるのではないでしょうか。ページ単位でテキストコンテンツを区切ると、見やすくなり整った印象を与えるサイトになります。 「pagerで区切ったテキストコンテンツ」 pagerはAjaxライブラリの1つであるjQueryのプラグインとして提供されています。このため、pagerを使用するにはjQueryライブラリが必要になります。まずはjquery.pager.jsを以下のURLからダウンロードします。 http://rikrikrik.com/jquery/pager/scripts/#download 「jquery.pager.jsのダウンロードサイト」 ページの一番下にある「Download」の部分の
digitarald FancyUpload Swf meets Ajax for beautiful uploads. The release of the long awaited MooTools upload widget thats allows queued multiple-file upload including progress bars. FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpload」。 FancyUpload を使えば、インタラクティブで複数ファイルのアップロードも簡単な、次のようなアップローダーが作れます。 「Browse Files」ボタンでファイルを選ぶと、右側のペインに アップロード予定のファイルとして追加されます。 「Start Upload」ボタンによってファイルのアップロードを開始します。 アップロードの
Lightbox 2.0とは? Lightbox 2.0はAjaxを利用して画像を表示するライブラリです。画像は単独の表示だけでなく、複数画像をグループ化してスライドとして表示させることもできます。 Lightbox 2.0の大きな特長としてスクリプト(プログラム)を記述しなくてよいという点があります。つまり、全くプログラムが分からない人手も気軽に使う事ができます。Lightbox 2.0ではHTMLの<a>タグのrel属性にlightboxの文字を記述するだけでできてしまうという手軽さです。また、JavaScriptのコードが実行できるブログであればLightbox 2.0を利用することができます。 Lightbox 2.0は作者であるLokesh Dhakar氏のサイトからダウンロードすることができます(*1)。 「Lightbox2のダウンロードサイト」 「Lightbox v2.0
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く