Thank you for being patient. We are doing some work on the site and will be back shortly.
S EJ is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」:phpspot開発日誌
スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 2010年03月31日- AjaxScroll ? Ajax Scroll jQuery Plugin | blogfreakz.com スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 「MSN Image Search」は画面遷移なしに画像をガンガンよんでくれて、スクロールすれば次の画像を見れるためストレスが少なく、画像を探せます。 これと同様の機能を実現するためのjQueryプラグインのご紹介です。 デモページはこちら。スクロールすると次の画像を読んでいっているのが分かると思います。 Ajaxで次の内容を読むので、一回における転送量を少なくした上で、利用者には画面遷移なしの利便性を提供出来ると言うわけですね。 垂直方向だけでなく
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
JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ:phpspot開発日誌
GX - Full-Featured Javascript Animations Framework JSでアニメーションするならコレかもというぐらい多機能な「GX」ライブラリ。 jQueryと組み合わせて使うアニメーションライブラリです。 jQueryやscript.aculo.usにもアニメーション機能は備わっているけど、ここまでではないというアニメーションに特化したアドオンです。 勿論、jQuery単体でも、組み合わせて実現できるのかもしれませんがアニメーションに特化している分簡単に出来ます。 以下でその凄さが分かるはず $('#el1').gx({'width': 200, 'height': 200, 'border-width': 8}, 2000, 'Linear', function(el) { el.html('Completed!'); });
クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」:phpspot開発日誌
クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」 2009年03月18日- Visifire クールすぎて本当に動的に作ったの？というグラフが描画できてしまう「visifire」。 以下にある画像のような、ちょっと他ではなかなか無いグラフを提供してくれます。フリーで使えます。 画像編集ソフトを使えば綺麗なグラフはかけるかもしれないのですが、相当大変です。 が、このライブラリを使ってxmlでデータを書いておけばグラフ描画できます。 データ作成ツールもあるので、xmlも面倒っていう場合にも使えます→ Chart Designer もっとギャラリーを見る ネックはSilverLightなのですが、一旦描画したものをキャプチャして画像に変換してから使ってもよいぐらいクオリティが高いですね。 今後、SilverLightが一般的になっていくことも考えられ、覚えてお
[JS]チョー簡単にサイトをAJAX対応にするスクリプト -com.bydust.ajax | コリス
com.bydust.ajaxは、スタティックなサイトでもWordPressのようなサイトでも、ページ全体のロードをせずに必要な箇所のみロードして表示するAJAX対応にするスクリプトです。 com.bydust.ajax demo デモサイトでは、右のナビゲーションや各記事のタイトルをクリックすると、通常のページ遷移とは異なり必要な箇所のみ非同期通信を行い表示します。 ※外部リンクなどは自動認識して、別ウインドウで表示します。 サイトをAJAX対応にする方法 サイトをAJAX対応にする基本的なスクリプトの設置方法は、下記の通りです。 下記は、対象となる全ページに適用します。 ダウンロードした２つのスクリプト（com.bydust.ajax.js, com.bydust.array.js）を外部スクリプトとして記述します。 HTMLの基本構造は、「id="page"」を親要素として、「id=
多数のJavaScript/Ajaxライブラリがサンプル付きで紹介されている「AjaxDaddy」:phpspot開発日誌
多数のJavaScript/Ajaxライブラリがサンプル付きで紹介されている「AjaxDaddy」 2008年11月04日- AjaxDaddy - Ajax Examples in Action 多数のJavaScript/Ajaxライブラリがサンプル付きで紹介されている「AjaxDaddy」。 Flickrライクなインラインエディタ、Ajaxでのインスタント編集textarea、各種オートコンプリート、Macのドック風ＵＩなどがサンプル付きで公開されています。 サンプル付きということで、いちいちダウンロードして試さないでもよいので便利ですね。 タグでの検索も可能で、お好みのライブラリだけを表示し、比較することが出来る。 ライブラリごとにPermalinkが用意されていて（サンプル）、サイト内でサンプルコードも参照できるのが良いです。 Ajax Rain も同様のサイトですが、Perma
Ajax � JSライブラリ � JSライブラリ（バルーン・ツールチップ関連） | PHP & JavaScript Room
リンクのマウスオーバー及びマウスアウトのイベントで、バルーンの表示・非表示を切り替えています。 バルーンに表示するテキストは、マウスオーバー時のイベント発生時にコールする関数に文字列で指定します。 設置イメージ Tooltips with transparent shadowの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text
Google Chart APIで作るグラフ画像のサンプル - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 Note: Chart APIは現在ではGoogle Chartとして整理されており、この記事で利用されているImage Chart APIは旧仕様として削除対象になっています。実際に削除はされていないので今のところ利用できていますが、2015年中には消えてしまいそうです。(2015-08-31) コピペ用に作ってみた。いやー軽い軽い。JSで<canvas>で図形描画なんて馬鹿らしくなっちゃうね。ちなみに色はあんまり弄ってない。考えたら暖色系って盛り上がってる感じがするから、このままのが良いかもね。 では続きをどうぞ。 ...そういえば、商用利用できたっけ？ <img
jQueryでアニメーションするソート可能なデータグリッド実装ライブラリ:phpspot開発日誌
com.overset.dev Blog Archive Animated Sortable Datagrid jQuery plugin - jTPS jQueryでアニメーションするソート可能なデータグリッド実装ライブラリ。 次のような、美しいＵＩでかつ、ページング・ソート機能付きなグリッドが実装できます。 ページ移動時のアイテムの移動がアニメーションします。 グリッド自体は、スタイルシートを切ると単なるテーブルで、JavaScriptによって初期化されているのがいいですね。 関連エントリ jQueryでリッチなグリッドを実装「jqGrid」 Extばりのリッチなタブ等のＵＩを実現「dhtmlxTabbar」 手軽に使えるExcel風グリッドＵＩ「Flexigrid for jQuery」
フォームのバリデートとAjax送信をスマートに実装できるJSライブラリ「Proto Form」:phpspot開発日誌
Proto Form フォームのバリデートとAjax送信をスマートに実装できるJSライブラリ「Proto Form」 なかなかいいのは、idの値に、_Req とか _Email とかしておくと勝手にバリデートしてくれる点。 title にエラーメッセージを入れるみたい。 <input type="text" id="name_Req" name="name" title="Required! Please enter your name" /> <input type="text" id="email_Req_Email" name="email" title="Required! Please enter a valid your email address" /> <input type="text" id="telephone_Tel" name="telephone" title=
JavaScriptのアラートボックスをセクシーにする仕組み:phpspot開発日誌
Sexy Alert Box JavaScriptのアラートボックスをセクシーにする仕組み。 普通のalertはあじけなくて音もなってよくない、ということで独自のalertボックスは色々 Sexy.alert('Hello world!'); で、alertを表示できます。 デモページはこちら。アニメーションしてちょっといい感じになりました。 デザインをもうちょっと洗練すれば更にセクシーになるでしょう。 関連エントリ JSによるカスタムダイアログボックス作成ライブラリ 多機能LightBoxのiBoxがバージョンアップ「iBox v2」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.caraldo.net/2011/01/jqueryphpajax.php
Ajaxの学習ならAjaxTower
caraldo.net - it転職 リソースおよび情報
caraldo.net - it転職 リソースおよび情報
caraldo.net - it転職 リソースおよび情報
caraldo.net - it転職 リソースおよび情報
caraldo.net - it転職 リソースおよび情報
caraldo.net - it転職 リソースおよび情報