訪問者驚きの手めくり風、画像ギャラリー作成サンプル:phpspot開発日誌
Create a unique Gallery by using z-index and jQuery | This Blog Use jQuery 訪問者驚きの手めくり風、画像ギャラリーを作成できるサンプル。 以下がデモで、実際に試してみましょう。驚きの効果が得られるはずです。 HTML定義部分。分かりやすいコードも魅力です。 <!-- relevant for the tutorial - start --> <div class="grid_6 prefix_1 suffix_1" id="gallery"> <div id="pictures"> <!--画像の定義部分--> <img src="images/picture1.png" alt="" /> <img src="images/picture2.png" alt="" /> <img src="images/pictu
JonDesign's (Javascript) SmoothGallery: Mootools Mojo for Images | Full gallery
Because images often say more than words...
【連載】いまからはじめるPrototype.js (1) Prototype.jsの概要と$で始まるメソッド | エンタープライズ | マイコミジャーナル
Prototype.jsとはなにか Prototype.jsは、Sam Stephenson氏を中心とするチームによって開発されているAjax対応JavaScriptライブラリだ。単体でもAjaxian.comの2006年と2007年の調査で最もよく知られたAjaxフレームワークに選ばれるほどの人気を得ているが、実はWebアプリケーション・フレームワークRuby on Railsのプロジェクトで開発されているプロダクトであり、同フレームワークに同梱されているため、Ruby on Rails経由で使用されるケースも多い。 ライブラリはMITライセンスで公開され、ドキュメントはクリエイティブ・コモンズ(Creative Commons)ライセンスのAttribution-Share Alike 3.0で公開されている。詳細はライセンスのページで確認していただきたい。 これから6回にわたって、こ
特集：prototype.jsを読み解く｜gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
Google AJAX Feed API を使ってJavaScriptでサイトにRSSフィードを表示する方法
JavaScriptで別ドメインのRSSを読み込んでくるのは、 セキュリティの関連上できないって聞いていた・・・ あきらめていたのですが、 GoogleのAPIに別ドメインでも読み込めのがあったのですね！ 使うのも比較的簡単そうなので、 とりあえず試しに使ってみる事にしました。 ↑これは既にこのサイトのRSSをAPIを使って読み込んだ結果です。 Google AJAX Feed APIを使えば比較的簡単に RSSをサイトに表示することができるようです。 このサービスを利用するときに、APIキーを取得するのですが、 その時に、既にサンプルのソースを表示してくれます その表示されたサンプルは以下の通りです。 ■サンプルソース <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1
Developer's Guide - Google AJAX Feed API - Google Code
Developer's Guide AJAX Feed API ã使ç¨ããã¨ãJavaScript ã ãã使ç¨ãã¦ãå ¬éããã¦ãã Atom ãã£ã¼ãã RSS ãã£ã¼ãããã¦ã³ãã¼ããããã¨ãã§ããã®ã§ãèªåã®ã³ã³ãã³ãã Google Maps API ãªã©ã®ä»ã® API ã«ããã£ã¼ããç°¡åã«ããã·ã¥ã¢ããã§ãã¾ããFlash ãããã®ä»ã® JavaScript ã使ç¨ããªãç°å¢ã«ãã
validate.jsを使ってみた - 高原芳浩のKeep-Alive
■[開発]validate.jsを使ってみた サンプルで製作中のbookmarkシステムに下のサイトで公開されているvalidate.jsを組み込んでみたがなかなかいい感じ http://blog.masuidrive.jp/articles/2006/01/05/validation すばらしいライブラリです。 ちょっとはまったのが、Javascriptの中でルールの正規表現を書くときに\(バックスラッシュ)を二つ重ねなくてはいけないところ。まぁ、気づいてしまえば当たり前。 "/https?:\\/\\/(([a-zA-Z0-9]+\\.){...以下略 Javascirptの正規表現チェックはMochiKitのデモサイトが激しく便利だ。 Permalink | コメント(2) | トラックバック(0) | 02:19
リアルタイムバリデーションライブラリ validate.js を修正 - koumiyaの日記
現在作成しているWebアプリケーションに、JSでリアルタイムバリデーションを行えるシンプルなライブラリvalidate.jsを使わせていただしています。 http://blog.masuidrive.jp/articles/2006/01/05/validation 使っているうちに動かない画面が出てきたので解決方法をメモ。 問題 画面内にselect要素がある場合、prototype.jsのfindAllメソッドでエラーが出る。 結論から言うと、247行目の sheet = new Array(); の部分を sheet = {}; に変更すればOKです。修正後軽く動作確認してみましたが問題はないようです。 原因 246行目〜のValidator.registerで登録したバリデーションの定義を55行目〜のBehaviour.applyで使用しています。 249行目でsheet['#aa
より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集:phpspot開発日誌
16 Free Ajax Contact Forms - For A Better User Experience Contact forms are the most common bridges between readers & site owners whether it is a blog or an e-commerce site. より良いフォーム作りの参考になるフォームのサンプル＆ライブラリ集。 JavaScript, Ajax等を使い、バリデーションやフォーム入力のしやすさなどについて考えられたフォーム集がまとまってました。 LightForm - Demo - ファンシーなフォームデザインにクールな入力チェック Proto Form - 入力チェック機能や現在位置強調機能 jQuery - Ajax Contact Form (Tutorial & Files) - D
より便利になったYahoo!地図を体験！ - Yahoo!地図
新しいYahoo!地図を体験するには、Javascriptを有効にする設定が必要です。Javascriptの設定方法はヘルプをご覧ください。 見たい地図が表示されなかった場合は、「キーワードを含むほかの場所」をクリックしてください。検索条件に一致する検索結果をすべて表示します。ピッタリ合う場所が見つかるかも！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://js.designlinkdatabase.net/tag/%E3%83%95%E3%82%A9%E3%83%88%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC.aspx
prototype.js ver 1.6.0 リファレンス
prototype.js リファレンス
Ajaxはじめの一歩 XMLHttpRequest [Javascript] All About![Ajaxはじめの一歩 XMLHttpRequest [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)
フィードとは ウェブの人気・最新記事を集めました - はてな
Google AJAX Feed API公開、サンプル「AJAX Tune Bar」の作り方