jQuery Plugin作成時の3つの注意点 - KAYAC Engineers' Blog
実家に帰ったら犬に威嚇されました。agoです。 jQuery Pluginに関しては、以前jQuery Pluginの書き方として基本的な部分をまとめたのですが、もう少し細かい部分に関して再度まとめてみようと思います。 1 $.dataの活用 以前jQuery.dataの使い方でも紹介したのですが、Pluginからelementを処理する場合対象のelementが広範囲に及ぶことが多く、Plugin内の変数の他に各element毎の変数を持ちたくなることがあります。 たとえば、「クリックする毎に順番にCSSが変わるPlugin」を考えた場合、各element毎に「今どのCSSが指定されているか」を保持できると実装が楽になると思います。 具体的には以下のような形になります。 $(function () { var colors = ['blue', 'yellow', 'red']; $('
jQueryのFlyDom pluginを使ってみたら便利だったけどバグに当たった - Lism.in * blog - nekoya (id:studio-m)
JSONを取ってきて、そこからJavaScriptで動的にHTMLを組み立てていくような場合、 $('#content').html( $('<table>').attr( { id: 'items' } ).html( $('<tr>').append( $('<th>').html( 'Header' ) ).append( $('<td>').html( 'Data' ) ) ) ); とか書くのが面倒だなーと思った。このへん、MochiKitはいい感じに書けたよね。 何かいい手はないかとremedie.jsを読んでみたら、これが使われてた。 jQuery Plugin - FlyDOM: Create DOM on the Fly さっきの例だと、 $('#content').empty().createAppend( 'table', { id: 'items' }, [ 'tr
jQueryプラグインの書き方を考えてみる(1)
更新履歴 2010-01-21 プラグイン定義方法については、約１年後に再考した下記エントリの方をお勧めします。 jQuery プラグインの定義パターンについて調べてみた - Cyokodog::Diary プラグイン API の定義パターンについて調べてみた - Cyokodog::Diary jQuery UI の プラグイン定義関数 $.widget を使ってみる - Cyokodog::Diary jQuery ライクなプラグイン API の定義方法を考えてみる - Cyokodog::Diary プラグインを書いてみる まずこのへんの記事を参考に、 jQueryは、プラグインで手軽に機能を実装できるのが特徴です。プラグイン・ディレクトリ（Plugins | jQuery Plugins）に沢山のプラグインが公開されていますが、作り方を調べてみたら、かなり簡単に自分でも作成できるよ
jQuery(3) : プラグインを作ろう - HDEラボ
使い方は、まずテーブルのHTMLを用意します。 <table>には<thead>と<tbody>を含めます。 <table id="stripe" border="1" cellspacing="0"> <thead> <tr><th>ID</th><th>名前</th></tr> </thead> <tbody> <tr><td>1</td><td>高橋</td></tr> <tr><td>2</td><td>岡田</td></tr> <tr><td>3</td><td>鍋島</td></tr> <tr><td>4</td><td>丸山</td></tr> <tr><td>5</td><td>島田</td></tr> <tr><td>6</td><td>富沢</td></tr> <tr><td>7</td><td>田中</td></tr> <tr><td>8</td><td>鈴木</td
Kwicks for jQuery
Kwicks for jQuery (v2.2.1)Welcome to the Kwicks for jQuery home page. Kwicks is a plugin providing sexy sliding panels with an emphasis on navigational interaction. Kwicks was originally a port of a MooTools effect (of the same name), but has since evolved into a highly configurable and versatile UI component. Please check out the examples to see it in action. New in v2.2.1This is a patch release
sastgroup.com » Blog Archive » 240 plugins jquery
Form Validation jQuery Validation. Auto Help. Simple jQuery form validation. jQuery XAV - form validations. jQuery AlphaNumeric. Masked Input. TypeWatch Plugin. Text limiter for form fields. Ajax Username Check with jQuery. File upload Ajax File Upload. jQUploader. Multiple File Upload plugin. jQuery File Style. Styling an input type file. Progress Bar Plugin. Form - Select Box stuff jQuery Combob
[JS]jQueryのプラグイン33 1選 -2008年3月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Galleria 画像ギャラリー。 jQuery Multimedia Portfolio 画像・動画・音声のスライドショー。 Ea
rikrikrik: quickSearch jQuery plug-in
Examples Usage Options Download Examples Afghanistan Albania Algeria American Samoa Andorra Angola Anguilla Antarctica Antigua and Barbuda Argentina Armenia Aruba Australia Austria Azerbaijan Example uses following code: $('ul#list_example li').quicksearch({ position: 'before', attached: 'ul#list_example', loaderImg: 'loader.gif', focusOnLoad: true }) Option
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
jQuery公式サイト まずはｊQueryJavaScriptライブラリの入手。 jQueryの簡単な説明 Re：zapa氏 今更ですが、jQueryにはまりました ドキュメントとリファレンス 公式ドキュメントサイト（英語） jQuery 1.2 ドキュメント日本語訳 jQuery リファレンス 色々とデモがついているのでわかりやすい。 jQuery入門 (ver 1.2.1) jQueryの入門サイト。 こちらもサンプルデモが多く有り、わかりやすいです。 jQuery 開発者向けメモ - 基本・サンプル サンプルがたくさん有ります。すこし高度。 中級編 jQueryのパフォーマンス最適化に関するTips 軽量jQueryをもっと高パフォーマンスにする為のヒント。 [JS]jQuery 1.2リリース&変更点など jQueryを1.2以前から使っているユーザー向けのエントリ。 HTML/J
[JS]jQueryのプラグイン33+1選 -2008年1月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb
jQuery Droppablesでドロップ処理も超簡単 - ［JavaScript］All About
jQuery UI Droppablesでドロップ処理も超簡単 1: Droppables 2: サンプル 前回は Draggables でDOM要素をドラッグしました。 今回は、その、ドラッグした要素をドロップしていろいろな処理を行えるようにする jQuery UI 、 Droppablesを紹介します。 前回見たとおり、jQueryではドラッグ処理を簡単に実装できますが、複雑な判定などを伴うドロップ処理も とても簡単に利用することができます。 jQuery Download jquey.js(-min.js) UI/Droppables Droppables デモ ダウンロード jquery.ui-1.0.zip （101 KB Draggablesも含まれています） jQueryのダウンロードと設置 Draggables Droppablesを使うた
Webs.com has been shut down: Find out more
We’re excited to share that we have made some changes at VistaPrint and as a result, webs.com has been retired. Our team is here to ensure a smooth transition for you! We’ve got you covered ! Start using our new service offering Vista x WIX for free Create a website your way – for free!We’ve partnered with Wix – the free website builder that helps small businesses get online – so you can easily cr
Big Sky :: JQueryのCycleプラグインでデビルマンのスライドショー
The sbox program encountered an error while processing this request. Please note the time of the error, anything you might have been doing at the time to trigger the problem, and forward the information to this site's Webmaster (webmaster@www.ac.cyberhome.ne.jp).Stat failed. /usr/local/apache2/cgi-bin/~mattn: No such file or directory sbox version 1.10 $Id: sbox.c,v 1.16 2005/12/05 14:58:01 lstein
要素を簡単にドラッグできるjavascript「EasyDrag jQuery Plugin」
twitter facebook hatena google pocket 要素をドラッグすることがあるかもしれません。 そんな時はEasyDrag jQuery Pluginを利用すれば簡単に実現できます。 sponsors 使用方法 EasyDrag jQuery Pluginからjquery.easydrag.jsをjQueryからjquery.jsをダウロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.easydrag.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("要素
jQuery 勉強になったドキュメント - ｊQuery メモ帳
公式なページ jQuery 公式ブログ Official jQuery Blog | New Wave Javascript JQueryのインタラクション jQuery UI IBMの解説 jQuery を使って Ajax 開発を単純化する 日本語 jQuery 開発者向けメモ サンプル中心 jQuery リファレンス Ajaxライブラリの中で、 ニュータイプなJSライブラリjQueryを使ってみよう！ Javascript http://allabout.co.jp/internet/javascript/closeup/CU20071020A/ リファレンス jQuery - StackTrace チューニング http://labs.unoh.net/2007/11/jquerytips.html 後で読んでみたい http://wiki.kyosuke.jp/jqueryjQue
要素の中身をアニメーションしながら切り替えられる「InnerFade with jquery」:phpspot開発日誌
InnerFade with jquery InnerFade is a small plugin for the jQuery-JavaScript-Library. 要素の中身をアニメーションしながら切り替えられる「InnerFade with jquery」。 スライドショーのように、要素内がアニメーションしながら切り替わるパーツが作れます。 便利なのは、画像が切り替わった際に、画像からのリンク先も切り替わる点。 実際には、次のように、ul 要素内の li を順にアニメーションするという仕様になっているようで、その実装も簡単です。 <ul id="portfolio"> <li> <a href="http://medienfreunde.com/deutsch/referenzen/kreation/good_guy__bad_guy.html"> <img src="images
要素を簡単にドラッグできるjavascript「EasyDrag jQuery Plugin」
要素をドラッグすることがあるかもしれません。 そんな時はEasyDrag jQuery Pluginを利用すれば簡単に実現できます。 sponsors 使用方法 EasyDrag jQuery Pluginからjquery.easydrag.jsをjQueryからjquery.jsをダウロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.easydrag.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("要素").easydrag(); }); </script> 上記を記述したら、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Be happy with jGlycy [jGlycy].html)
http://stacktrace.jp/jquery/reference_1.1.x/core/$.fn.extend(prop).html
Superfish Suckerfish on ’roids