JavaScript + Ajax 実践サンプル集 (1276本以上)　◇編集して実行可能◇

jQueryを使い倒せ!　jQueryでAjaxを実装するための基礎知識と実践サンプルを一挙公開中... powered by asp.net 3.5

• ホーム
• jQuery
• jQuery プラグイン
• jQuery UI
• 人気順
• カテゴリ
• キーワード
• クール
• 新着
• ツリー
• jQuery PDF
• ホット
• サイト情報
• サイトマップ

★ 新着サンプルトップ50のRSSを購読する
◆ DHTMLサンプル(基礎)のRSSを購読する
◆ DHTMLサンプル(応用)のRSSを購読する
◆ AJAXサンプルのRSSを購読する
◆ その他サンプルのRSSを購読する
◆ BOM(Browser Object Model)のRSSを購読する
◆ DOM(Document Object Model)のRSSを購読する

サイトマップ  » Ajaxサンプル

• Ajax
• Prototype
• Script.aculo.us
• The Dojo Toolkit
• Yahoo! UI Library
• カレンダー
• シンプルカレンダー
• ポップアップカレンダー
• ドロップダウンカレンダー
• 複数カレンダー
• 選択範囲を指定
• 特定の曜日を選択不可にする
• Ajaxを使ってみよう！
• Hello World!
• MS AJAX Hello World!
• MS AJAX HTTP/GET
• MS AJAX HTTP/POST
• HTTP/POSTのタイムアウト
• HTMLデータを取得
• Ajaxで郵便番号から住所を取得
• Ajaxで郵便番号から住所を取得(XmlHttpRequest版)
• Ajaxで郵便番号から住所を取得(MS Ajax版)
• Ajaxで郵便番号から住所を取得(JSON対応版)
• Ajaxで郵便番号から住所を取得（複数候補対応）
• 天気予報を表示する
• Ajaxで今日の東京の天気予報を表示
• Ajaxで国内主要都市の天気予報を表示
• 株価を表示する
• グーグルの株価を表示
• 1分間隔で株価を更新
• Ajaxで株価を表示
• Google Ajax Feed API
• RSSフィードを表示
• Yahoo! 検索
• Yahoo!の検索結果を表示
• AjaxでYahoo!の検索結果を2列で表示
• Amazon検索
• Amazonの書籍をキーワードで検索
• Amazonの書籍を複数列で表示
• Amazonの書籍をジャンル別に表示
• スライダーを表示する
• ビデオをスライダーで評価する
• Amazonの検索結果をJSONで返す
• Amazonの書籍をスクロールさせる
• AjaxでAmazonの書籍をスライドで表示(フェイド版)
• AjaxでAmazonの書籍をスライドで表示(自動|手動切り替え版)
• AjaxでAmazonの書籍をギャラリー形式で表示
• AjaxでAmazonの音楽をスライドで表示
• AjaxでAmazonのDVDをスライドで表示
• AjaxでAmazonのソフトをスライドで表示
• AjaxでAmazonのエレクトロニクスをスライドで表示
• YouTube検索
• AjaxでYouTubeのビデオをスライドで表示
• AjaxでYouTubeのビデオをポップアップ表示
• Flickr検索
• AjaxでFlickrの写真をスライドで表示
• AjaxでFlickrの写真をスライドで表示(花)
• AjaxでYouTubeのビデオをスライドで表示(フェイド対応)
• AjaxでFlickrの写真をスライドで表示(雪)
• AjaxでFlickrの写真をスライドで表示(落ち葉)
• AjaxでFlickrの写真をスライドで表示(泡)
• Google AJAX Language API
• 日本語を英語に翻訳
• 英語を日本語に翻訳
• 英語/日本語に翻訳
• YouTubeのサムネイルを表示する
• Google AJAX Search API
• ウェブを検索する
• 検索結果をタブに表示
• 検索結果の件数を設定
• Microsoft AJAX Client Templates
• Ajax: table要素に商品をバインドする #1
• Ajax: 商品をクリックすると詳細を表示する #2
• Ajax: 商品の単価を編集できるようにする #3
• Ajax: 商品データをWebサービス経由で取得して表示する(Microsoft Ajax) #4
• Ajax: 商品データをWebサービス経由で取得して表示する(jQuery Ajax) #5
• Ajax: 書籍データをWebサービル経由で取得してtable要素にバインドする #1
• Ajax: 書籍データをWebサービス経由で取得してul/li要素にバインドする #2
• Ajax: 書籍データをWebサービス経由で取得してカートに入れるようにする #3
• Ajax: Flickrの検索結果をul/li要素に表示する #1
• Ajax: Flickrの検索結果をjmorphGalleryプラグインで表示する #2
• Ajax: Flickrの検索結果をjmorphGalleryプラグインで表示する V2 #3
• Ajax: Flickrの検索結果をJSONPで取得して表示する #1
• Ajax: Flickrの検索結果をJSONPで取得してadGalleryで表示する #2
• Ajax: Flickrの検索結果をJSONPで取得してGallerifficで表示 #3
• Ajax: Flickrの検索結果をJSONPで取得してページングさせる #4
• Ajax: Flickrの検索結果をs3Sliderプラグインで表示する #4
• Ajax: Flickrの検索結果をColorboxプラグインで表示する #5
• Ajax: Flickrの検索結果をFancyboxプラグインで表示する #6
• Ajax: Flickrの検索結果をAd Galleryプラグインで表示する #7
• Ajax: Flickrの検索結果をGallerifficプラグインで表示する #8
• Ajax: Flickrの検索結果をGalleriaプラグインで表示する #9
• Ajax: Flickrの検索結果をZoomboxプラグインで表示する #10
• Ajax: Flickrの検索結果をPrettyPhotoプラグインで表示する #11
• Yahoo! Pipes
• Livedoor Weather Services
• Ajax: ライブドアの天気予報をREST/JSONPで取得して表示する V1
• Ajax: ライブドアの天気予報をREST/JSONPで取得して表示する V2
• Flickr Web Services
• Ajax: FlickrからREST/JSONPで写真を取得して表示する V2
• YouTube Web Services
• Ajax: YouTubeからREST/JSONPでビデオを取得して表示する
• Amazon Web Services
• Ajax: AmazonからREST/JSONPで書籍を取得して表示する
• Ajax: YouTubeからビデオを検索してZoomboxに表示する
• Ajax: Amazonから書籍を取得してZoomboxに表示する V3
• Ajax: Flickrから写真を検索してGallerifficで表示する V3
• Rakuten Web Services
• Ajax: 楽天市場からREST/JSONPで商品を取得して表示する
• Ajax: 楽天市場からREST/JSONPで商品を取得して表示する V3
• Ajax: 楽天市場からREST/JSONPで商品を取得して表示する V2
• Ajax: 楽天市場からWebページにマッチした商品を自動抽出して表示する
• Ajax: 楽天市場の商品ランキングを表示する(総合)
• Ajax: 楽天市場の商品ランキングを表示する(ジャンル別)
• Ajax: 楽天市場の商品ランキングを表示する(年代｜性別)
• Coneco.net Web Services
• Ajax: 価格比較サイトのコネコネットから商品を検索して表示する
• Kakaku.com Web Services
• Ajax: 価格比較サイトの価格.comから商品を検索して表示する
• Yahoo! Web Services
• Ajax: Yahoo!ニューストピックを取得して表示する
• Ajax: Yahoo!ニューストピックを取得して表示する V2
• Ajax: Amazonから書籍を取得して立ち読み機能付で表示する V4
• Google ウェブ検索
• Ajax: Googleのウェブを検索して表示する
• Ajax: Googleのウェブを検索して表示する v2
• Google　ローカル検索
• Ajax: Googleのローカル検索を利用して地域を表示する
• Ajax: Googleのローカル検索を利用して地域を表示する V2
• Google Maps V3
• Google Mapsで東京タワーのマップを表示する V2
• Google Mapsにマーカー(Marker)を表示する
• Google Mapsのクリックした場所にマーカー(Marker)を表示する
• Google Mapsのマーカーに吹き出し(InfoWindow)を表示する
• Google MapsのGeocoderを利用して特定の地域にマーカーを表示する
• Google Mapsにカスタムマーカーを表示する
• Google Mapsのマーカーをドラッグした地域を表示する
• Google Mapsに複数の英字のマーカーを表示する
• Google Mapsに複数の数字のマーカーを表示する
• Google Mapsに最安価格ガソリンスタンドベスト５を表示する V2
• Ajax: ライブドアの天気予報を表示する V3
• Google Maps V2
• jQueryのgoogleMapsプラグインでグーグルマップを表示する
• jQueryのgoogleMapsプラグインでマーカーを表示する
• jQueryのgoogleMapsプラグインでカスタムマーカーを表示する
• jQueryのgoogleMapsプラグインで情報ウィンドウを表示する
• jQueryのgoogleMapsプラグインでレイヤーを表示する
• Google ブック検索
• Ajax: Googleの本を検索して表示する
• Ajax: Googleの本を検索して表示する V2
• Google ビデオ検索
• Ajax: Googleのビデオを検索して表示する
• Ajax: Googleのビデオを検索して表示する V2
• Google イメージ検索
• Ajax: Googleのイメージを検索して表示する V2
• Ajax: Googleのイメージを検索して表示する
• Google ブログ検索
• Ajax: Googleのブログを検索して表示する
• Ajax: Googleのブログを検索して表示する V2
• Google　ニュース検索
• Ajax: Googleのニュースを検索して表示する
• Ajax: Googleのニュースを検索して表示する V2
• クラス
• JavaScriptのクラスを作成する
• JavaScriptのクラスにメソッドを追加する
• prototypeを利用してメソッドを追加する
• リテラルを利用してメソッドを定義する
• クラスに名前空間を付ける
• Google Earth
• Google Earthに東京タワーを表示する
• Yahoo! Query Language
• YQL: Yahoo! Query LanguageでFlickrから写真を検索して表示する
• Yahoo! Query Language
• YQL: グーグルマップにサンフランシスコの寿司屋を表示する
• YQL: Yahoo! Financeから株価を取得して表示する
• YQL: 郵便番号から天気予報を表示する
• YQL: Yahoo! Financeのページからグーグルのヘッドラインを抽出する
• YQL: jsajax.comのRSSフィードを取り込んで表示する
• YQL: Yahoo! NewsのRSSフィードを取り込んで表示する
• YQL: Flickrの新着写真を10件表示する
• YQL: 検索窓に入力した地名をグーグルマップにマークする
• YQL: Yahoo!のイメージを検索して表示する
• YQL: Yahoo!のニュースを検索して表示する
• YQL: Yahoo!のウェブ検索を利用して結果を表示する
• YQL: ビル・ゲイツ氏のパーソナルサイトのRSSフィードを取得して表示する
• JSONをシリアライズする
• シリアライズされたJSONをパースする
• YQL: 丸善の催し物情報のRSSフィードを取得して表示する
• jQuery 1.4.1: シリアライズされたJSONをパースする V2
• jQuery: クライアントのIPアドレスを取得する
• jQuery: IPアドレスから住所と緯度/経度を取得する
• Google Mapsにクライアントの住んでいる場所を表示する
• Google Earthに検索窓に入力した場所を表示する
• ガソリン価格情報 Webサービス
• 緯度/経度で指定した地域のガソリンスタンドの価格情報を表示する
• 住所を入力した地域のガソリンスタンドの価格情報を表示する
• 地域を指定して最安価格のガソリンスタンドをマップに表示する
• グーグルマップの情報ウィンドウに広告を表示する
• Goolge Chart API
• 棒グラフ（Vertical Bar Chart）
• 折れ線グラフ（Line Chart）
• 円グラフ（Pie Chart）
• Goolge Visualization API
• 垂直型棒グラフ(Vertical Column chart)
• 水平型棒グラフ(Bar chart)
• 折れ線グラフ(Line chart)
• 組織図
• イメージチャート(Image chart)
• イメージラインチャート(Image Line chart)
• イメージパイチャート(Image Pie chart)
• イメージロウソク足チャート (Image Candlestick chart)
• Google YouTube API
• WebページにYouTubeのビデオを貼り付ける
• YouTubeのビデオプレヤーのサイズを変える
• YouTubeでプレー中のビデオを切り替える
• Twitter API / Plugins
• twitterを任意のUserNameで絞り込んで結果を表示する
• twitterをキーワードで検索して結果を表示する
• jQueryのJuitterプラグインでTwitterを検索して表示する
• Twitter APIを利用してUserName指定でつぶやきを表示する
• Twitter APIを利用してキーワードで検索した結果を表示する
• Recruit Web Services
• Town Market API
• 特定地域の「ちらし」を表示する
• グーグルマップの情報ウィンドウにチラシを表示する
• DokoIku? API
• グーグルマップの情報ウィンドウに店舗を表示する
• Jalan API
• じゃらんのWebサービスを利用して特定地域の宿泊施設を表示する
• Smatch API
• 駅名を選択して賃貸物件を検索して表示する
• 駅名を選択して賃貸物件をグーグルマップに表示する
• FromA navi API
• フロムエーナビから短期の求人を検索して表示する
• フロムエーナビから職種で求人を検索して表示する
• 株価を棒グラフで表示する (BarChart)
• 株価を折れ線グラフで表示する (LineChart)
• Ajax: Amazonで検索した本とGoogleブックを連動させる
• 特定地域の宿泊施設をグーグルマップに表示する
• Yahoo! Japan API
• Yahoo!オークション
• Yahoo!オークション検索
• Yahoo!オークションの商品を検索して表示する
• jQueryのjMP3プラグインでMP3プライヤーを表示する
• Yahoo!知恵袋を検索して結果を表示する
• 知恵袋
• Yahoo!ショッピング
• Yahoo!ショッピングサイトを検索して結果を表示する
• Ajax: Amazonから家電・カメラを検索して表示する
• Ajax: AmazonからDVDを検索して表示する
• Ajax: Amazonから音楽を検索して表示する
• Ajax: Amazonからソフトウェアを検索して表示する
• Ajax: Amazonから音楽を検索してCD/DVDのイメージを回転させる V2
• Gadgets
• 金魚が泳ぐガジェット
• Ajax: AmazonからDVDを検索してイメージを回転させる
• リクルートの「じゃらん」の検索結果を３Ｄで表示する
• フロムエーナビから職種で求人を検索してスライドに表示する
• Ajax: Flickrの検索結果をadGalleryプラグインで表示する V2
• Ajax: Flickrの検索結果をGallerifficプラグインで表示する V2
• YouTubeからもっとも人気のある動画を検索して表示する
• YouTubeからもっとも人気のある動画を検索して表示する V2
• YouTubeからもっとも人気のある動画を検索して表示する V3
• YouTubeからもっとも人気のある動画を検索して表示する V4
• YouTubeからもっとも人気のある日本語の動画を検索して表示する
• YouTubeからもっとも見ている動画を検索して表示する
• YouTubeからキーワードで動画を検索して表示する
• YouTubeからユーザー指定で動画を検索して表示する
• Ajax: アマゾン/楽天/ヤフオクから本を検索して表示する
• Ajax: アマゾン/楽天/ヤフオクからパソコンを検索して表示する
• Ajax: 価格.com/コネコネット/ヤフオクの商品を比較して表示する

ASP.NET 3.5| Akio's Blog

•            

2665 (106) © 2007-2010 JavaScript + Ajax Samples