PHPとjQueryで作るAjaxなグループチャットスクリプト:phpspot開発日誌
Chat2: Group Chat Room with PHP, jQuery, and a Text File | CSS-Tricks PHPとjQueryで作るAjaxなグループチャットスクリプト作成のチュートリアルとデモプログラムがそのままダウンロード出来るエントリのご紹介。 クールなajaxチャットルームを設置したい、という方は参考にできそうです（ちゃんと使いたい方は中身のコードを一応チェックした方がよいと思います） チャットはAjax形式でなかなか軽快に動作します。UIもいい感じです。 関連エントリ PHP+Ajaxなチャットスクリプト：YShout Ajax+PHPなチャット: Shoutbox
リロードせずにファイルアップロードができるフォームを作る『Ajax file upload with jquery』 - Recently Ajax
ユーザーが画像をアップロードできるフォームなどで、「参照」ボタンのあるフォームコントロールを使うことはよくあります。 しかし、なかなか見栄え良くならない上に、アップロードのためにフォームを送信しなければならず、いまいち素敵なフォームになりません。 そこで、「Ajax file upload with jquery」を使えば、素敵なアップロードページを作ることができます。 ライブラリを利用すると、大きなボタンが表示され、クリックするといつも通りファイル指定ダイアログが表示されます。 ファイルを選択すると、画面がリロードすることなくボタン上でアニメーションが展開されます。 利用には jQuery 1.2が必要だとか。素敵ですね。 Ajax file upload with jquery - valums.com
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
prototype.js でタブ切り替え(複数表示版) - AUSGANG SOFT
prototype.js でタブ切り替え - AUSGANG SOFT http://a-h.panepon.com/einfach/archives/2006/1012175043.html に、同じページで複数タブを表示できるようにならないか？ というご要望をいただきました。l もともと１つしかタブがない想定なので、大幅な改造が必要。 いい機会なので、作ってみました。 サンプル http://a-h.panepon.com/einfach/archives/tabSample.html CSSもJavascriptも↑のファイル内に書いています。 変更点 複数タブに対応ページ末尾の new TabMaker('tab'); new TabMaker('menu'); ↑という指定で、複数のタブを作っています。 サンプルを参考にHTML、CSSもそれぞれの名前で指定してください。 逆にい
Ajax - linkjawiki : 404 Blog Not Found
2007年12月25日14:45 カテゴリLightweight Languages Ajax - linkjawiki 404 Blog Not Found:perl - Text::Tx も一応作った目的は、実はこれにあります。 小飼弾（こがい だん、1969年8月17日 - ）は日本のオープンソース開発者。ディーエイエヌ有限会社代表取締役。歌代和正開発のjcode.plの発想を基にJcode.pmを開発したことで知られ、その後、プロジェクトEncode Module(Encode.pm）のメンテナンスとPerlバージョン5.8の開発に携わった。そうした経緯から日本のPerlハッカーの一人と認知されている。 見ての通り、ウィキペディア日本語版でキーワードリンクします。 % ls -l jawiki jawiki.tx 9200 -rw-r--r-- 1 dankogai wheel 9
MOONGIFT: » ソートもメニューもウィンドウも。2.0向けJavaScriptフレームワーク「Ext」:オープンソースを毎日紹介
トラックバックから教えていただいたソフトウェアのご紹介。 昨日紹介したTable Sorterは何より手軽に導入できる点がメリットだ。簡易的な表をユーザビリティの高いものへと昇華してくれる。そして、さらに便利な機能を付け足してくれるのがこのライブラリだ。 今回紹介するオープンソース・ソフトウェアはExt、Web2.0系サイトを作るのに便利なJavaScriptフレームワークだ。 Extは、元々Yahoo UI Libraryをさらに拡張するために作られたライブラリで、現在はYahoo UI Library以外にもprototype.jp+scriptaculousやjQueryを基礎として組み合わせることが可能になっている。 非常に洗練されたフレームワークで、数行程度のコードで高度なインタフェースや操作を実現できるようになっている。そしてTable Sorter同様にテーブルをソート対応に
Webアプリに使えるAjaxライブラリ8選！ ― ＠IT
Ajaxライブラリの全体像を把握しよう Ajaxライブラリ（*注1）はすでに数多くのものが出回っていますが、多過ぎて全体像がつかめていないのではないでしょうか。今回は代表的なAjaxライブラリの一部を挙げ、それぞれを比較しながらAjaxライブラリの全体像を把握していきたいと思います。 どうして、Webアプリ開発にAjaxライブラリが必要なのか どのようなプログラミング言語でもライブラリが存在するように、Ajaxにおいてもライブラリが存在します。 初めにAjaxライブラリの必要性について見ていきたいと思いますが、ここではAjax開発ならではのライブラリの必要性を2点取り上げます（ほかの言語のライブラリと共通する必要性はあらためて取り上げません）。 クロスブラウザ対応 Ajaxの利点として、さまざまな環境における一般的なWebブラウザ上で実行できることが挙げられます。しかしWebブラウザの実装
【レポート】あの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はより細かい成果物の名称として、
prototype.jsクックブック０５ JavaScriptでもロガーが欲しい - Yet Another ....
prototype.jsクックブックとか言ってるけど、今回prototype.jsはまったく重要じゃない。だけど、最後に説明する拡張を行おうとするとprototype.jsのAjax機能が密接に関係するから、無理矢理prototype.jsとひもづけてみた。 http://ya-lab.main.jp/prototype-js-cookbook/05_JavaScript-Logger/ まず、上記サンプルページを見てほしい。任意の場所にログを表示させる事が出来る。そもそも、これを作ったきっかけはJavaScriptで何かを書いてる時にalert()を使ってデバッグするのが嫌だったからです。今回のポイントはhttp://ya-lab.main.jp/prototype-js-cookbook/05_JavaScript-Logger/logger.jsです。使い方は簡単、下記のように使用し
Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」:phpspot開発日誌
Ajax dynamic pages pages Ajaxで同一ページ内でページ送りを実現する「Ajax scrolling pages」。 デモページの「Next Page」を押すと、ずずずっと次のページがスクロールでアニメーションされ表示されます。 更に「Next Page」で、どんどんページ内でページ送りが出来ます。 いちいちページ遷移が行われることなく、スムーズに次のページに移動できる上、ページを戻るのも高速です。 設置は、次の手順で行います。 必要なJavaScriptファイル読み込み スクロール領域のDIVを定義 JavaScriptコード定義。DHTMLgoodies_scrollingPagesを初期化 配布パッケージをダウンロードしてカスタマイズすれば容易に使えるでしょう。
Prototype.js を使って、MovableTypeで最新記事を表示する：Goodpic
This shop will be powered by Are you the store owner? Log in here
prototype.js でタブ切り替え - AUSGANG SOFT
たつをさんのCSS と JavaScript でタブ切り替えをprototype.jsを使って書き直しました。 極力、再利用が簡単になるようにしてみました。 ライセンスは本家の「無償・無保証・著作権放棄」に準じます。 ご自由にお使いください。 サンプルはこちらからダウンロードできます。 基本コードは以下のようになっています。 <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript" src="tabMaker.js"></script> <link href="tabMaker.css" rel="stylesheet" type="text/css" /> <div id="tabContent"> <ul id="tabIndex"> <li class="tab
Ajaxエフェクト
このページはAjax関連ライブラリ等で利用できるエフェクトに関しての用例を掲載しています。これらのエフェクトは非同期通信を行わなくても利用できるため、通常のサイトでも効果的に利用できます。Ajax一般に関してはAjax勉強用サンプル&解説を参照してください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。
あるＳＥのつぶやき: Ajaxライブラリまとめ
Ajaxライブラリをまとめておきます。（順不同） prototype Ajaxの開発が向上するAjaxライブラリ。便利な機能がたくさんあります。かなりメジャー。 以下のサイトが参考になる。 prototype.js の開発者向けメモ JQuery prototypeよりもいいという記事も見かけるライブラリ。ダーティーらしい。 scriptaculous 表示効果のAjaxライブラリ。Ruby on Rails に組み込まれてることで有名。prototypeがベース。 moo.fx prototype.jpをベースにした。要素のheight,width,opacityを変更するシンプルかつ軽量なライブラリ。拡張版(moo.fx.pack)ではアコーディオンメニューなどがある。 JKL.ParseXML Ajaxで非同期通信した結果のXMLを、JSONの形式に変換し、JavaScriptのイン
JavaScriptによるマウスホイールのイベント処理 : せつないぶろぐ
最近Ajaxが普及してきたので、何かとJavaScriptを利用することが増えてます。 そんな中でマウスホイールを使っていろいろできないかと調べたのですが、 結構情報が少なくて、関数として纏まってるところがなかったので作ってみました。 wheel_roll.js wheel_roll.js 対象ブラウザ：IE6系 Firefox 1.5系 ※windowsでのみ確認 使い方 new WheelRoll(idもしくはelement, マウスホイール回転時に呼ばれる関数名, event); 例） new WheelRoll("abc", "hogehoge"); function hogehoge(rollCount) { ・・・} マウスホイール回転時に関数hogehogeが呼ばれ引数に回転数が取得できます。 サンプルサイト：JavaScript マウスホイールでのイベント処理
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
20の優れたAjax効果*ホームページを作る人のネタ帳
IBM Ajax をマスターする、第 6 回: DOM ベース Web アプリケー… - Japan