エラーメッセージ内容の変更 方法としては2通りある。 タイプ別にエラーメッセージ内容を変更する required や email などタイプ別のメッセージを変更させる方法。これは非常に簡単で validate 本体を読み込んだ後にメッセージ定義ファイル読み込むだけでいい。各言語向けのメッセージ定義ファイルが一緒に配布されているのでこのメッセージ定義ファイルを読み込めばローカライズは終了だ。 <script src="js/jquery-1.3.2.js" type="text/javascript"> </script> <script src="js/validate/jquery.validate.js" type="text/javascript"> </script> <script src="js/validate/messages_ja.js" type="text/javas
jQuery のプラグインの定義手法については、いろいろな記述の仕方が考えられるかと思います。今回、実際に公開されているソースを参照して、どのような定義パターンがあるのかを調べてみました。 jQuery 標準 API の定義構造のおさらい まず、jQuery が標準で提供している各種 API が、どうのような構造で定義されてるかおさらいしてみます。 $ や jQuery はグローバル変数、つまり window オブジェクトのプロパティ名であり、その実体は関数オブジェクトです。 window.$ = window.jQuery = function(){ ... } jQuery が提供する API には 関数 API と メソッド API があり、関数 API は jQuery 関数オブジェクト(以降 jQuery セレクタと記述します)が持つ、関数オブジェクトのことを指します。 jQue
jQueryのハンズオンをやりますが全然準備していないので即興でやります。 jQueryを始める上であるとよいもの jQuery jQuery 開発環境 Mac、PC、Linux 向け新高速ブラウザー | Firefox Firebug FireQuery is a Firebug extension for jQuery development FireQuery - jQueryを扱う際に便利なFirebug拡張 - - 文殊堂 https://addons.mozilla.org/en-US/firefox/addon/11905/ FirefinderはJavaScriptプログラマ以外も使うべき - 文殊堂 ドキュメント http://api.jquery.com/browser/ 下の方に"INSTALL NOW"とかあるのでクリックしてAdobe Air板をインスコしましょう
PHPからbit.lyやtr.im等のURL短縮サービスをまとめて扱える「PEAR::Services_Sho... 次の記事 ≫:Windows7風ナビゲーション作成チュートリアル ブラウザのサイズに合わせて画像を伸縮する作業を全自動化するjQueryプラグイン「maxImage」。 このプラグインを使えば、画像のサイズをブラウザサイズの変更があったとしてもページのサイズに合うように調整してくれ、デザイン崩れを防ぐことが出来ます。 以下にその機能を紹介してみます。 活用例1 背景画像自動 背景画像をブラウザサイズ変更に合わせて自由に伸縮 ブラウザのサイズを変えても違和感がないようにすることが可能 活用例2 ブラウザ幅にあわせた画像の自動伸縮 ページの右端に画像があって、自由に伸縮します。 サイズを変えてもこの通り、画像が残りスペースのサイズになります 活用例3 ブラウザ幅に合わせる、がオ
jQuery - zooma pluging example マウス位置を拡大して表示できるjQueryプラグイン「zooma」。 次のようにカーソル位置を拡大して別のブロックに表示することが出来るプラグインです。 実際に1から実装するとなると結構大変ですが、jQueryプラグインなので次のように簡単に初期化することが出来ます。 var zoomImgUrl = $('#zoomImageRefContainer').find('a').attr('href'); $('div#slideshow').zooma('slideshow', 'zoomBlock', zoomImgUrl); あまり使うことはないかもしれないけれど覚えておけば使うことがあるかもしれませんね。
以前作成した、透明度を利用するだけのロールオーバープラグイン、それを少し使いやすいようにバージョンアップいたしました。 今回は少しカスタマイズしやすいようにしたのと、機能をひとつ追加してみました。 ※追記(09/07/24) 若干修正し、2.1にバージョンアップしました。 (今までのでも問題なく動作します。) ダウンロード プラグインはjQueryと下記プラグインを一緒に使ってください。 opacity-rollover2.1.js 透明度を利用したロールオーバー これは以前と同じ通常の使い方。マウスが画像の上にのると、画像の色が薄くなるロールオーバー。 ■使い方 $('#over1').opOver(); 適応させたいセレクタを指定し、opOver()で適応させる。 ■サンプルプレビュー これだけでも十分使えると思われます。画像を複数用意しなくとも、色の濃い画像を用意するだけで画像が変わ
JavaScriptを使えば画面遷移の少ない、スムーズな操作性を提供できる。いわゆるAjaxなどがそれに相当するが、ドメインを越えて通信できないのが問題だった。幾つかの打開案はあるが、例えばJSONPを使う方法やサーバサイドで取得する方法などがメインになっていた。 検索結果のXMLを並べるテスト これではどちらかのサーバで対応が必要になってしまう。そんな中、殆どをクライアントサイドだけで解決してしまうのがjQuery CrossDomainだ。 今回紹介するオープンソース・ソフトウェアはjQuery CrossDomain、jQueryによるクロスドメインAjaxライブラリだ。 jQuery CrossDomainが使うのはFlashだ。Flashを使って外部ドメインにあるXMLを取得し、それをJavaScriptに返すようになっている。その仕組みをjQueryプラグイン化することで容易に
[JAVASCRIPT] 10 Rare and Cool jQuery Plugins – クールなjQueryプラグイン Pocket Tweet クールなjQuery用プラグインが10個紹介されてます。Rareというだけあって、今まで知らなかったものが多いです。iPhoneのスライドインターフェースを模したもの、Lightbox亜種、テキストエフェクト、MacやWindowsのOS UIを模したスクロールバー、ToolTip、プルダウン、スライダーなどが紹介されてます。スクロールバーリプレイスとか地味に使う機会ありますよね。紹介されてるプラグインの数こそ少ないものの、実用的なものばかりの良記事。 10 Rare and Cool jQuery Plugins
twitter facebook hatena google pocket ページのレイアウト幅をがっちりと決めると、ユーザーに不便させる可能性があります。 jQueryプラグインのIngeny Splitterを使用するとドラッグでページレイアウトを自由にユーザーが調整できるようになります。 sponsors 使用方法 Ingeny Splitterからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.ingeny.splitter.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#
10 Really Interesting jQuery Plugins | Queness ユニークで使えそうな jQueryプラグイン10個。 プラグインといえば、タブやLightboxといった定番のものから、他にも役立つものが色々とありますが、紹介されているものはどれも便利そうでしたのでいくつかご紹介。 Impromptu LightBox風に、OK・Cancel のダイアログを表示できます。 Captify 画像の下部に半透明の背景付きキャプションを表示。アニメーションしていい感じ Favico リンクに自動でfaviconを付けてくれる jQuery BreadCrumb アニメーションして使いやすいパンくずリスト jQuery Spotlight 特定のブロック要素以外にオーバーレイして特定のブロックを目立たせます jQuery Peel ページがペラっとめくれたような驚きのエ
What are hooks? WordPress hooks allow you (via a plugin) to change WordPress's behavior without editing any core files. This database automatically scans each WP build for apply_filters(), apply_filters_ref_array(), do_action(), and do_action_ref_array to identify all the hooks available in each WP build and show them in context. Show me all hooks (from all versions) Show me all action hooks Show
six6s লগইন অনলাইন ক্যাসিনো এ 10,000 টাকা পর্যন্ত বোনাস পেতে জুয়া খেলা শুরু করুন, 150% বোনাস সাথে। লাইভ ক্যাসিনো অফার করে 50% প্রথম ডিপোজিট বোনাস এছাড়াও 12,000 টাকা। অত্যাধুনিক অনলাইন গেমিং প্ল্যাটফর্মে ক্যাসিনো প্রচারটি নতুন খেলোয়াড়দের জন্য প্রথম ডিপোজিটে বোনাস দেওয়া হয়। অনলাইন গেমিং খেলোয়ারদের একাউন্ট যাচাই করার পর স্বাগত বোনাস দেওয়া হবে। নতুন খেলোয়াড়দেরকে অনলাইন গেমিং সাইটে 700 টাকা উপ
こんにちわ、あらびきプログラマーmopemopeです。 某ライブラリをpythonに移植しようとしてて、plugin周りはなんだかかライブラリ化した方が良さそうだっだので適当に作りました。 plugpy · PyPI 基本実装は以下の奴です。 Pluginシステムの実装 - def __mopemope__(self, *args, **kwargs): Pluginの書き方 制限はコンストラクタに引数を持たないといかんって事ぐらいであとは自由です。 一応デフォルトでPluginクラスを継承を推奨します。 (Pluginはコンストラクタに引数を持っています) 足し算するplugin plugins/test_plugin.py from plugpy import * class TestPlugin(Plugin): def on_test(self, x, y ): return x
jQuery Infinite Carousel | jQuery for Designers - Tutorials and screencasts 無限に回転するカルーセルUI実現用jQueryプラグイン実装チュートリアル 次のような、最後のアイテムに移動しても、最初に戻る無限に回転するカルーセルを作成していくチュートリアルが公開されています。 スクリーンキャストで、作成の過程についても紹介されていて、分かりやすい。 単純に誰かの開発環境を覗くという意味でも勉強になりそう。 更に、図入りで、仕組み・コードについて紹介する形のチュートリアルになっています。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 jQueryやPHPを使った便利な仕組みのチュートリアル集 jQueryクライアントとPHPサーバ間をJSONで結ぶチュートリアル
Ajaxを使った今どきのWebアプリケーションでは、グーグルの「iGoogle」のように、ドラッグ&ドロップによる直観的な操作でページ内の要素を自由に並べ替えられるユーザーインターフェースをよく見かけます。最近ではWebアプリケーションだけでなく、ポータルサイトやメディアサイトのナビゲーションメニューにも採用されるケースが目立ってきました。 今回は、jQueryの「Sortable」を使って、ドラッグ&ドロップで要素を並べ替えられるようにする方法を紹介しましょう。Sortableを使えば、ごく簡単な方法で既存のWebページにドラッグ&ドロップUIを実装できます。 Sortableをダウンロードしよう 「Sortable」は、リスト(ul/li)などの個々の要素をドラッグ&ドロップ操作でユーザーが並べ替えられるようにするライブラリです。以前紹介した(関連記事)jQueryのUIライブラリ集「
twitter facebook hatena google pocket htmlのselectタグには複数選択を可能にするmultiple属性があります。 でも、なんとなくわかりにくくありませんか? そんなときはjQuery crossSelect pluginを利用して、直感的でわかりすいフォームにしましょう。 sponsors 使用方法 jQuery crossSelect pluginからjquery.crossSelect.js、jquery.crossSelect.cssを、jQueryからjquerry.jsをダウンロードしましょう。 <link href="jquery.crossSelect.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript" src
図を枠内にドラッグしてCAPTCHAするファンシーなCAPTCHA「Ajax Fancy Captcha」 2009年05月26日- Ajax Fancy Captcha - jQuery plugin - WebDesignBeach.com 図を枠内にドラッグしてCAPTCHAするファンシーなCAPTCHA。 その名も「Ajax Fancy Captcha」がソース付きで公開されています。 仕組みとしては、「枠内に鉛筆をドラッグしてください」という表示が出たら「DROP HERE」部分に該当のアイコンをドロップしてスパムかどうか判定するというもの。 PHPとjQueryを使って実装されています。 鉛筆を移動 ここで、submitすれば「Passed」が表示され、認証されたことになります。 captcha の強度は medium とのことでそれ程強いものではないということですが、ソースご
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く