jQueryを用いた増殖フォームについて（および:hiddenセレクタの挙動に関する注意事項） - Collect note
HTMLでフォームを作る際、初めから必要個数が分かっている場合であれば、静的なHTMLファイル一枚用意すれば事は足りるが、ユーザ操作によって動的にフォームを増やせるようにしたい、といった場合には、JavaScriptによってHTMLをDOM操作して処理する必要がある。 そういった場合に、jQueryを用いることで、かなり容易に実装することが可能となる。 今回は、そのテストケースとしての実装例を挙げ、その挙動について考察をしてみる。 環境 今回の実装およびテストは以下の環境にて行った。 ライブラリ jQuery1.4.2 ブラウザ IE 6 Firefox 3.6.3 Safari 5 Google Chrome 5 単純なフォームの複製 copyボタンを押すことで、フォームのまとまり（ブロック）が複製されていくという単純な例を、以下の通りに実装した。 [test1.html] <html>
Embedly - API
Become an Embedly Provider Embedly supports over 1000+ Official Content Providers. Join our library of official providers to ensure your videos, photos, audio, and rich media content are delivered correctly every time, across all platforms. Join Us “TINT's display feed utilizes Embedly's API. By outsourcing this task, we're able to save ourselves a lot of time and technical issues.” “The Local Sto
リアルタイムフォームバリデーション jQuery.validation.js :: 5509
お知らせ（10.08.06）： jQuery.validation.jsはアップデート・修正対応などを終了しました。 仕様などを変更したバリデーションプラグインを公開したので、そちらの方を参考にしてください。（validation.jsにはあるのにexValidationでは実装していない機能もありますが、基本的に実装は行いません） どんなフォームにも使えるjQueryのフォームバリデーションプラグイン: exValidation jQuery.validation.jsはフォーム入力のイライラを軽減して、Webブラウジングとかショッピングをもっと快適にするためのjQueryプラグインです。(もちろんサーバサイドでのチェックは必須ですが…) jQuery.validation.jsのサンプルを見てみる トピックス 特徴 ダウンロード 導入方法 1.JSファイルを読み込む 2.input要素
jQTouchの使い方とclass指定による挙動のまとめ - アークウェブシステム開発SandBox
概要 † iPhoneアプリのような挙動が、ウェブブラウズで提供できるJavaScriptのライブラリです。 jQueryのプラグインとして動作します。 公式： http://www.jqtouch.com/ 公式サイトの動画の最初の方で、SafariでURLにアクセスして「Add to Home Screen」をタップしたらホームに置かれるようですね。 その際のアイコンなども変更可能です。 ↑ 使い方 † 基本、jQueryのプラグインなので、jQueryのライブラリと一緒に読み込んでインスタンスを生成すればOKです。 <script src="js/jqtouch/jquery.1.3.2.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/jqtouch/jqtouch.min.js" ty
The Sexy Curls jQuery Plugin by Elliott Kember
The Sexy Curls jQuery Plugin! is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold. You want a demo page? You're looking at it. The source code is available at GitHub. Installation: First, make sure you're using jQuery and jQuery UI (version 1.5 works) You'll need the resizable package in jQuery UI. Then install the source code into a director
まるで画像のような文字を動的に作るjQueryプラグイン·jQuery sIFR Plugin MOONGIFT
これは素敵なライブラリ。プログラマ（というのは言い訳に過ぎないが）はデザインが苦手だ。そのため、インパクトのあるロゴをデザインしようと思ってもなかなかうまくいかない。 上のフォントがどうなるかは詳細にて！ これはもう諦めた方が良い。だが単なる文字で書かれているだけではインパクトが薄い、使うのはjQuery sIFR Pluginだ。 jQuery sIFR PluginはjQueryプラグインとして動作するオープンソース・ソフトウェアで、文字を素敵なフォントで表示してくれるソフトウェアだ。 jQuery sIFR PluginはFlashを使い、動的に指定した文字を指定したフォントで描いてくれる。CSSで指定するのとは違い、JavaScriptが動作し、Flashが動いている環境であれば誰でも同じ結果を得ることができる。 このように表示させることが可能！ さらに動的に生成されるということも
jQuery Selectors
Toggle Button = $('selector').addClass('highlight').animate({ marginLeft: 10}, 'fast'); Download This Lab This is a paragraph, which means it is wrapped in <p> and </p>. Those "p" tags in the previous sentence are formatted as <code>. This is the first list item (<li>) in an unordered list (<ul>). This is the second list item. It has a link in it. This is the third list item. It has a class of "my
jParallax - webdev.stephband.info
France Italy Greece Ireland Turkey Athens to Istanbul Return to Joigny Tanzania Czech Republic Tahiti Switzerland Germany WWII Reunion Mediterranean Cruise Athens to Venice Budapest to Bucharest Cuba Brussels to Amsterdam Costa Rica Myths & Tips Useful Links Photo Albums All who wander are not lost! Why this site This site describes как стать Мидл Python-разработчиком, пройдя курс на Девман, и the
jQuery Sparklines
Mouse speed Loading.. Inline 10,8,9,3,5,8,5 line graphs 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Bar charts 10,8,9,3,5,8,5 negative values: -3,1,2,0,3,-1 stacked: 0:2,2:4,4:2,4:1 Composite inline 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Inline with normal range 8,4,0,0,0,0,1,4,4,10,10,10,10,0,0,0,4,6,5,9,10 Composite bar 4,6,7,7,4,3,2,1,4 Discrete 4,6,7,7,4,3,2,1,4,4,5,6,7,6,6,2,4,5 Di
jQuery 関連記事まとめ - Cyokodog::Diary
はてブだと埋もれるのでこちらに書き足してきます。 jQuery 基本機能 本家 jQuery.com リファレンス jQuery 日本語リファレンス jQuery 開発者向けメモ jQuery リファレンス- openspc2 jQuery 1.2.6 リファレンス - StackTrace チートシート HTML/CSS, jQuery, WordPressなどウェブ制作者のためのチートシート集 - coliss スライド・関連情報 はじめての jQuery jQueryのプレゼンVIDEO - JAM LOG 第1回 Silverlight vs. jQuery＋ASP.NET AJAX - @IT チュートリアル jQuery 入門 - openspc2 jQuery を使って Ajax 開発を単純化する - IBM jQueryの魔法 - All About jQuery ではじめ
ホバー時にブロックの背景色を滑らかにアニメーションするJSサンプル:phpspot開発日誌
Using jQuery for Background Image Animations - Snook.ca ホバー時にブロックの背景色を滑らかにアニメーションするJSサンプル。 デモページ デモページを見ればわかりますが、カーソルをあわせると滑らかに背景がアニメーションされます。 アニメーションの仕方がなかなか良くて、左→右や、上→下のように方向を指定できます。 当然ですが、Flashを使わなくてもJSでこうしたことが出来て、今までありそうでしたが、そんなに多く見かけることがなかったテクニックではないでしょうか。 覚えておくとふとしたときに使えそうです。
jQuery 開発者向けメモ
jQuery 開発者向けのメモです． ずっと以前に，jQuery に関する日本語の情報がまだ少ない頃に作ったページですが， その後 jQuery を再び利用する機会があったので，最新バージョン向けに記述を更新しました． 住宅ローンシミュレーションです． jQueryを利用したフォームの動的な追加や，flotプラグインによるグラフ描画などを行っています． 本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです． 最終更新：2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです． 独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したイ
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
Interface elements for jQuery - Real examples of Interface elements
Index of /demos NameLast modifiedSize Parent Directory - windows.html2010-02-26 19:13 9.1K ttabs.html2010-02-26 19:13 1.0K tooltip.html2010-02-26 19:13 3.2K sort_tabs.html2010-02-26 19:13 2.1K sort_lists.html2010-02-26 19:13 1.6K sort_floats.html2010-02-26 19:13 2.9K sort.html2010-02-26 19:13 5.2K slideshow.html2010-02-26 19:13 4.1K slider_resize.html2010-02-26 19:13 1.8K slider_minmax.html2010-0
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Home
jQueryを使うときに気をつけるべき8のポイント:phpspot開発日誌
はじめてのjQuery
http://jquerydocs.googlepages.com/jquery%E3%82%B3%E3%82%A2
jQueryサンプル集 | DesignWalker
一晩で覚えるjQueryの逆引き基礎サンプル7つ*ホームページを作る人のネタ帳
