Creating jQuery Plugins | Re-Cycled Air
Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /var/www/html/wp-content/plugins/wp-syntax/wp-syntax.php on line 380 Update: I was able to get permission to release the iScroll plugin! Check it out here. Not too long ago I decided to write a jQuery plugin for making the use of iScroll a little less painful. Since I made the plugin at work I’m
とてもとても簡単な、jQueryプラグインのつくりかた。 | Ginpen.com
こんなに短いコードですが、jQueryプラグインを作る上で忘れられない、5つのポイントがあります。 $がjQueryである事を期待しない。 jQuery.fnにメソッドを定義する。 実行コンテキストthisはjQueryオブジェクト。 .each()を使って処理する。 thisをreturnする。 他のプラグインと併用し、$がjQueryを指していない場合も考慮して、直接$は使いません。全体を無名関数にして、その引数としてjQueryを$という名前で受け取るようにしましょう。 jQuery.fnのプロパティとして関数を設置しておくと、それが$(elem)のメソッドとして呼び出せるようになります。またその際の「実行コンテキスト」つまりthisは、当然ですがメソッドを呼び出しているjQueryオブジェクトになります。このときに複数の要素を内包している場合がある（$('.hoge')を想像してく
条件付メソッドチェーンを実現するjQuery pluginを作ってみた - monjudoh’s diary
発端 monjudoh jQueryで出来たらいいなーと思うことは条件付メソッドチェーンで、メソッドチェーン内の特定のメソッド呼び出しを特定条件を満たした場合のみ実際に実行するように出来たら、常にメソッドチェーンでやれて便利だと思う。 monjudoh 条件判定メソッドをjQuery.fnに追加してやって、そいつがpluginのルールを破ってjQueryオブジェクトのラッパーを返して…みたいな形でやれば出来そうな気がする。 実際のコード (function($){ $.extend( $.fn ,{ 'ifNext':function(cond){ if(cond)return this; var self = this; var jqWrapper = {}; var returnSelf = function(){return self;}; for(var i in $.fn){ i
kinopyo blog - Learning through Writing
I was watching The Last Dance, Michael Jordan’s Netflix documentary, last year when I returned to work from four-month-long paternity leave. It was a great show and brought back all of the joys I had when watching Chicago Bulls in the 90s. And it still got me to think till today, what if my engineering team were a sports team. Give this idea a shot. For an engineer in an IT company, you don’t play
Welcome noteslog.com - BlueHost.com
Bluehost - Top rated web hosting provider - Free 1 click installs For blogs, shopping carts, and more. Get a free domain name, real NON-outsourced 24/7 support, and superior speed. web hosting provider php hosting cheap web hosting, Web hosting, domain names, front page hosting, email hosting. We offer affordable hosting, web hosting provider business web hosting, ecommerce hosting, unix hosting.
プラグインの作成方法 : jQuery
Category Archives « WordPress Plugins List Calendar « WordPress Plugins Min Calendar « WordPress Plugins Resize Editor « WordPress Plugins concrete5 Infotown Table 簡単な操作でテーブルを作成するアドオンを公開しています。 EC-CUBE3 EC-CUBE3のプラグインは2016年1月28日(木)に開発元である株式会社ロックオン主催のEC-CUBEプラグインアワード3.0で開発プラグインInfoTownLinkWpがCPI賞と入選のW受賞を果たしました EC-CUBEプラグインアワード3.0 結果発表 / ECサイト構築・リニューアル / ECオープンプラットフォームEC-CUBE InfoTownLinkWp 様々な条件を指定し
サラッとjQueryプラグインを書けると(･∀･)ｲｲ!!感じ
某サイトにて、type=”text” の input 要素を、こんな感じで jQuery を使って無効にしていたのですが、 function disable_enter(e) { if (e.which == 13) { return false; } return true; } $(function() { $('.noEnter').keypress(disable_enter); }); 同じ機能を他でも使うことになって、いちいち keypress(disable_enter) 呼び出すのもうっとおしいなと思って、試しに jQuery プラグインにしてみたところ、応用範囲が超スゲー感じだったのでお伝えしたいと思います。 とりま上のをプラグインにするとこんな感じ。 (function($) { $.fn.extend({ disableEnter: function() { this
setTimeout - GX999の日記
jQueryプラグインのtablesorterを使うときのTips。 ソート対象外の列を指定するために、JavaScriptを動的に生成できないものかと、ずっーっと悩んでたんですよ。Transact-SQLで言えばEXEC関数みたいな？ JavaScriptのリファレンスをじぃ〜〜っと眺め、google先生にお聞きした結果、setTimeoutメソッドが使えるんじゃない？と思い至りました。 んで、こんなfunctionを作って実験したところ、無事に期待通りの動作をしました。 function ExtendTableSorter( tableId, unSortableColumns ) { $("#" + tableId).addClass("tablesorter"); // ----- var headers = ""; // ----- if (unSortableColumns !
jQueryのTablesorterを複数行のヘッダに対応させる方法 - (DxD)∞
index.html(抜粋) <table> <caption>製品価格一覧</caption> <thead> <tr> <th scope="col" rowspan="2">製品名</th> <th scope="col" colspan="2">価格</th> </tr> <tr> <th scope="col">新規</th> <th scope="col">アップグレード</th> </tr> </thead> <tbody> <tr> <th scope="row">製品A</th> <td>49800</td> <td>26000</td> </tr> <tr> <th scope="row">製品B</th> <td>39690</td> <td>12390</td> </tr> </tbody> </table> 単純にTablesorterを呼び出すだけでは、このよう
Ajax » jQuery Tips » jQueryプラグインの作り方 | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説jquery.basic.js(function($){ /* プラグイン名（myplugin）を指定 */ /* 関数にオプション変数を渡す */ $.fn.myplugin=function(config){ /* 引数の初期値を設定（カンマ区切り） */ var defaults={ defColor:"#ff6699", defPadding:5 } var options=$.extend(defaults, config); /* 一致した要素上で繰り返す */ return this.each(function(i){ /* プラグイン内での現在の要素はthisで参照 */ $(this).text(this.tagName
jQueryのプラグイン作成前のメモ|WEBプログラム覚書
HOME>WEBプログラム覚書>jQueryのプラグイン作成前のメモ jQueryのプラグイン作成前のメモ jQueryのプラグイン作成がなんとなくわかった気になってたけど 全然わかってなかった。ってかjQuery自体わかってなかった。 更に言うとjavascriptが今だにわかってないんじゃねって感じで凹むなー。 ｢$｣と｢jQuery｣ とりあえず｢$｣は｢jQuery｣のエイリアスらしい。 $使ったりjQuery使ってたりでなんなんだろうって思ってたけど そういうことだったのか。 $.extend()と$.fn.extend() jQuery.extend(object) - jQuery 1.3.2 日本語リファレンスに$.extend()はjQuery名前空間に新たなメソッドを追加。 $.fn.extend()はjQueryオブジェクトのプロトタイプにメソッド追加。 と書いてある
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']; $('
jslint.vim - JavaScript: The Good Parts信者歓喜 - komagataのブログ
少し長めのJavascriptを書く時にtypoとかケアレスミスが目立ってきたので文法チェックしてくれるjslintをvimから使うjslint.vimを使ってみました。 （JavascriptでVNCクライアントを実装したJoelさんのインタビューでJSLintを使ってるというのを読んで気になってました。） hallettj's jslint.vim at master - GitHub READMEに書いてある通りで行けます。（Macの場合はこう） % sudo port install spidermonkey % git clone git://github.com/hallettj/jslint.vim.git % cd jslint.vim % rake install MacBookの場合、F5とかってfnキー必要だし面倒なので他に割り振った方が良さそうです。 quickfi
【jQuery】記事を開閉したりする、switchHat.js
小粋空間の中の人に会った時にMT5でこんな事したいんすよねーって話をしてて、その後MTQに書いたら、速攻でプラグインにしてくれました！ マジ感謝です。ありがとうございます。 ウェブページとかで、ページを生成したくない場合に使えるプラグインです。 PagePublishControllerプラグイン: 小粋空間 さて、今回は折りたたみするJSを結構前から所々で使ってて、毎回ソレを微妙に改変したりしながら使ってたのですがもうちょっと汎用性を高めた感じにしたくて、javascript が全く分からないのに色々やってソレっぽくしました。 これは、RedLine MagazineさんのjQueryでリストを開閉させたいがベースです。2007年11月08日 00:19 にちゃっかりしっかりコメント残してますね。 どんな感じの時に使えるかと言いますと、ウチのブログならサイドバーに有るアーカイブ部分です。
A Simple, Powerful, Lightweight Class for jQuery - Jupiter JavaScript Consulting
Tuesday 15 June, 2010 by moschel jQuery's functional programming style is downright elegant for manipulating the DOM. But it lacks the structure and code reuse patterns that professional scripters need. John Resig's Simple Class inspired, jQuery.Class is a lightweight, but powerful class-like system that bridges the gap between jQuery's functional programming style and Object Oriented Programming.
スムーズにスクロールしないjQueryプラグイン「jDTScroll」 - Rewish
ページ内リンクでスクロールをスムースにするスクリプトは良くありますが、アレってもっとスムーズにスクロール出来ないのかなーとか思いますよね。僕は思います。 もっとスムーズにするのは僕には難しいので、普通のスムーススクロールがスムーズに感じられるように、スムーズにスクロールしないjQueryプラグインを作りました。 ダウンロードとデモ jdtscroll.js デモを見る 導入方法 1. jQueryとjDTScrollを読み込む <script src="jquery.js"></script> <script src="jdtscroll.js"></script> 2. 実行する $() で対象にする要素を指定します。ページ内リンクなのでフラグメント識別子が付いてるっぽいアンカーを指定するのがいいですね。 jQuery(function($) { $('a[href^="#"]').jd
パスワード認証
いつもABARSの運営するサービスをご利用いただき、どうもありがとうございます。この度、運営中の下記のサービスを、2023年1月31日をもって、終了させていただくこととなりましたので、お知らせさせていただきます。 [終了するサービス] ・イラストブック ・メトセライズデストラクタを含む各種ゲーム ・ABARS ADDON [終了する媒体] ・ABARS公式ページ（abars.biz、abars.net） ・BLOG [継続するサービス] ・TDNetSearch ・TDNetView 終了するサービスに関しまして、Adobe Flash、Python 2.7をベースとして開発しており、Adobe Flashは開発終了、Python 2.7はメンテナンスフェーズに入っており、現状のコードベースでは大きく手を入れない限り運営を継続することが難しくなっており、この度、サービス提供を終了させていた
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Build and implement a single sign-on solution
HugeDomains.com
jQuery Default Events - Jupiter JavaScript Consulting