クールなAjaxスクリプト108選『Ajax Compilation』 | CREAMU
いろんなAjaxを実装したい。 そんなあなたにおすすめなのが、『Ajax Compilation』。クールなAjaxスクリプト108選だ。 以下にご紹介する。 Pie & Donut chart パイ&ドーナツチャートを実装 Reflection.js 写真に反射効果を与える Highslide JS クリックで拡大するサムネイルビューアー TripTracker アニメーションするバーを持ったイメージビューアー Prototype Window HTMLにwindowを追加 Dragable Content Script コンテンツをドラッガブルにする Drag & Drop ドラッグ&ドロップを可能に Amberjack クールなサイトツアーを実装するライトなオープンソースライブラリ Tabbed Content Ajaxで作られたタブ ThickBox 3 一枚の画像や複数の画像、i
タブ切り替えコンテンツ with jQuery | Takazudo Clipping*
jQueryを使ってタブで切り替えるコンテンツを作りました。 1つのソースに全パターンを入れる形です。class名だけは変えちゃダメです。 タブを増やしたければ、liとTabAreaContentsをコピペして増やすのみです。 タブ切り替えjavascript <!-- TabAreaSet --> <div class="TabAreaSet"> <!-- TabMenu --> <ul class="TabAreaChgMenu"> <li class="On"><a href="#">TabNo1</a></li> <li><a href="#">TabNo2</a></li> <li><a href="#">TabNo3</a></li> </ul> <!-- end TabMenu --> <!-- TabContents --> <div class="TabAreaChg
lightWindow Demo
БК выставляет линии, принимает ставки, а также выплачивает выигрыши. Теперь бетторы имеют возможность не посвящать отдельное время игре в БК, а уделять ставкам свободные минуты, которые появляются во время перерывов, перемен, перекуров, движения в общественном транспорте. При регистрации поставьте галочку «Получить бонус» (это важно, второй попытки не будет). Все что понадобится игроку для того чт
The Star of Web2.0: Google AJAX Feed APIの使い方
Google AJAX Search APIのブログにJavaScriptだけで自ホスト以外のRSSフィードを扱うことができる「Google AJAX Feed API」を公開したというので、早速試してみた。 JavaScriptはセキュリティのため、同じホストのデータにしかアクセスできなくなっているため、サーバサイドのアプリと組み合わせないと他サイトのRSSなどを扱うことができないのだが、このAPIを使えばそれが簡単にできる。 例えば、このAPIを使ってengadget日本語版のRSSフィード(http://japanese.engadget.com/rss.xml)を読み込んだ結果がこれになる。 このAPIを利用するにはAPIキーを取得する必要があるので、その手順を以下で説明する。 (1)サインアップ ・Google AJAX Search APIサインアップページで、利用条件に理不尽
Google Maps API入門のためのリンク集と5つのTips
Google Maps APIを初めて触った。意外と簡単というか洗練されている。参考になったサイトのメモと注意点を。 まずはGoogle MAPS APIプログラミングをざっと見て、概要を抑える。自分が扱えるものか、やりたい事が実現できるかを知る。実装例とソースコードも書いてあって、とても分かりやすい。 Tips1 Google MAPS APIプログラミングには文字コードについてこう書いている。 一番最初につまずくのは恐らく日本語の扱いだと思われます。 Google maps apiを使っているページは基本的に全てUTF8でなければなりません。 しかし、実際にはGoogle Maps APIと文字コードに書いてあるように、scriptタグに文字コード指定（charset="utf-8"）を書けばOK。 次に、Google Maps APIでAPI Keyを取得する。 利用規約（英文）を一
Webアプリに使えるAjaxライブラリ8選！ ― ＠IT
Ajaxライブラリの全体像を把握しよう Ajaxライブラリ（*注1）はすでに数多くのものが出回っていますが、多過ぎて全体像がつかめていないのではないでしょうか。今回は代表的なAjaxライブラリの一部を挙げ、それぞれを比較しながらAjaxライブラリの全体像を把握していきたいと思います。 どうして、Webアプリ開発にAjaxライブラリが必要なのか どのようなプログラミング言語でもライブラリが存在するように、Ajaxにおいてもライブラリが存在します。 初めにAjaxライブラリの必要性について見ていきたいと思いますが、ここではAjax開発ならではのライブラリの必要性を2点取り上げます（ほかの言語のライブラリと共通する必要性はあらためて取り上げません）。 クロスブラウザ対応 Ajaxの利点として、さまざまな環境における一般的なWebブラウザ上で実行できることが挙げられます。しかしWebブラウザの実装
Geekなぺーじ : Google MAPS APIプログラミング
ここでは、Google Maps JavaScript API(version 3)を使って遊ぶ方法を説明したいと思います。 Google Maps JavaScript APIを使うと、グーグル社が提供する衛星写真や地図を使ってホームページ上で色々なものを作れます。 対象とする読者は初心者もしくは入門者です。 Google Maps APIはJavaScriptを使って書いてあるので、JavaScriptの知識があった方がわかりやすいと思いますが、Java Scriptがわからなくても何と無くわかるような説明を目指したいと思っています。 基本編 Google Maps APIの単純な例 地図の種類を切り替える 地図の中心を移動する 地図上にふきだしを表示 地図がクリックされたときの処理 マップタイプコントロールを無効にする 緯度経度取得ツール 要望が多いので緯度経度情報を取得するツールを
早速Google AJAX Feed APIを導入してみました
Googleから「Google AJAX Feed API」が公開されました。 このAPIは、他ドメインのRSSやAtomの一般的なフィードを簡単に取得するためのAPIです。 公開APIを利用したサンプルサイトを作っていくよ管理人として、早速「Google AJAX Feed API」のテストを兼ねて、[Z]ZAPAブロ～グ2.0に導入してみました。 各記事の下部に、「この記事に言及していそうなブログを検索する」というリンクを追加してあります。 このリンクをクリックすると、画面遷移することなくAjaxで、リンク元のブログが表示されます。 Googleにキャッシュが生成されるため、クロスドメイン制約を気にすることなく、他のドメインのフィードを表示できます。 [Z]ZAPAブロ～グ2.0:人気記事の はじめてのApolloプログラミング ニコニコ動画みたいなものを作ってみるテストと問題点 など
Ajaxを使おう RSSリーダーを作る - ［JavaScript］All About
下記ボタンをクリックすると各RSSを動的に読み込み、リストを表示します。 (チャンネルによっては、最新データが0件の場合もあります。別のチャンネルをお試し下さい。上記動作可能ブラウザでうまく表示できない時は、ActiveXの設定などもお確かめください。) パソコン・デジタル家電 ビジネス・キャリア 住宅・インテリア 人気記事ランキング <button onclick="rssReader('http://allabout.co.jp/rss/computer/index.rdf')"> パソコン・デジタル家電</button><br> <button onclick="rssReader('http://allabout.co.jp/rss/career/index.rdf')"> ビジネス・キャリア</button><br> <button onclick="
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript Ajax 実践サンプル集 - サンプル
YUI+Google AJAX Feed API [Javascript] All About![YUI+Google AJAX Feed API [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)