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
idxctx プラグインというのを作ってみました。
例えばエントリーアーカイブで、ブログ全体の最新コメントをサイドバーに表示させたい場合。 MTの仕様では難しい(出来ない?)んですよね。 該当のエントリーのコメントだけがMTCommentsの対象になるので。 例えば月別アーカイブで、ブログ全体の最新エントリーをサイドバーに表示させたい場合。 出来ないんですよね。該当の月のエントリーだけがMTEntriesの対象になるので。 そこで、MTIndexContext というコンテナ・タグを追加するプラグインを作りました。 indexcontext.zip このコンテナ・タグで囲んだ箇所は、一時的にインデックステンプレートと同じ振る舞いになります。 これは、なにげに便利なんじゃないかな、と思います。例えば、全てのアーカイブページでメイン・ページと同じサイドバーを表示させたい場合、WidgetManagerを使っているなら全てのアーカイブテンプレート
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月 | コリス
当サイトではCookieを使用しています。引き続き当サイトを閲覧することにより、ポリシーを受け入れたものとみなされます。今後表示しない詳しく見る
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
今日のMovable Type 4.1:MT-Plugin-FCKeditorは使いやすいと評判: 世界中の１％の人々へ
今日のMovable Type 4.1:MT-Plugin-FCKeditorは使いやすいと評判 2008年2月 6日 01:31 FCKeditorがどのようなものかを知りたいという要望もあり、仕事関係の方々のために練習用のサイトをMTOSで構築した。希望者にはユーザーIDとパスワードを発行して個々のブログで自由にさわってもらうことにしてある。。 ライセンスに投稿者の制約のないMTOSはこのよううな時にはありがたい。 ▲画像挿入 画像挿入はアイテムのDB登録こそできないが、簡単で迷うことはない。あらかじめclassを設定している人は、高度な機能設定からテキストフィールドに入力すれば利用できる。 ▲ファイルマネージャー この機能は、画像挿入やリンク挿入のプロパティから呼び出す。 ▲文字色編集 文字の装飾は文字色指定、背景色指定、書式、書体、文字の大きさなどが設定できる。 ▲全面編集画面 １
[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
Important Update: Webs has been shut downWe're undergoing some changes at VistaPrint to bring you even better services, and that means Webs.com is evolving too. But don't worry, we're with you every step of the way to make this as smooth as possible. For any of the following services, here is what you need to know:WebsitesStarting on August 31,2023, your Webs.com website will need to be moved to a
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Be happy with jGlycy [jGlycy]
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
.html)
http://stacktrace.jp/jquery/reference_1.1.x/core/$.fn.extend(prop).html
Superfish Suckerfish on ’roids