jQuery Plugin: LiveFilter 1.0.1 | Mike Merritt | Digital Inferno
What Is It? LiveFilter is a very lightweight jQuery plugin that will filter either an ordered or unordered list and display only the results that match the supplied string. It is throughly documented and designed in a way in which it is very easy to understand for designers. Download Development Version -This version should be used in a development environment or if you would like to study or modi
プルダウンで都道府県などを入力(選択)するイライラを解消するPrefSupport.js :: 5509
※) prefSupport内のoptgroupの使い方は間違っています。すいません。 修正版はjQuery.selectable.jsとして書き直しました。jQuery.selectable.jsをごらんください。 イライラ解消シリーズ第2弾(これは続きそう)。 先日のDateSupport.jsに続いて今度はselect拡張を。 要jQuery(古いの 1.1.2あたりの で動くかは微妙)。。用途は主に都道府県選択かなぁ。。 都道府県選択のプルダウンはとにかくうざい、消えてほしい。 そもそも項目多いくせにoptgroup要素がないプルダウンが多すぎる！選びにくいわ！→登録断念。 そんな僕の要望に応えるためにプルダウンのうざいスクロールをなんとかするためのもの。 ついでにoptgroupをもっと使うようになってほしい。 単純に作るだけやとアレなので今回のポイントはもともとあるselect
digitalbush » Watermark Input Plugin
Download Latest (Beta 1) Uncompressed Overview This is a watermark input plugin for jQuery. Currently this is a beta release. This simple plugin allows forms with limited space to display additional information about the contents of a field. Usage First, include the watermark input javascript file. <script src="jquery.watermarkinput.js" type="text/javascript"></script> Next, call the watermark fun
jQuery Corner Demo
This plugin was originally written by Dave Methvin. Dave and I collaborated on several improvements and the project is now hosted on github. The most recent version is also available here: jquery.corner.js. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the item to be cornered and sets a solid
jQuery の位置・サイズ関連メソッドまとめ - Cyokodog :: Diary
ばらけてきたのでこちらにまとめます。 索引 位置の設定 css(name,value) 位置の取得 css(name) offset() position() scrollTop() / scrollLeft() event.pageY / event.pageX サイズの設定 css(name,value) / height(value) / width(value) サイズの取得 css(name) / height() / width() attr(clientHeight / offsetHeight / scrollHeight) outerHeight() / innerHeight() コンテナ要素の取得 offsetParent() 解説 位置の設定 css(name,value) 対象要素を指定した位置に配置できます。単位を省略した場合はピクセル単位となります。 $('#
The Silky Smooth Marquee
As we abused the Internet back in the 90 with tags like <blink> and <marquee> the last 10 years have seen the gradual extinction of these proprietary tags until we did full circle and the marquee effect appears in CSS 3. There's actually a very strong business case and requirement for the marquee tag - since the only the alternative is often a hacky solution (I feel) that shifts the CSS left posit
jQuery.popeye 2.0 | an inline lightbox alternative
Overview jQuery.popeye is an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow. Though the script is quick and easy to setup, it offers great flexibility in both behaviour and styling. It was designed as an a
JQuery Narrative Select Plugin by gdakram
JQuery Narrative Select Plugin by gdakram From If this is , then you are . Date: To If this is , then you are . Date: Why, When Make your drop-down list look uniform cross-platform. Enables you to include a drop-down list as part of a 'narrative' form, where your user input fields look uniform. How <!-- CSS --> <style type="text/css"> @import url("/path/to/jquery.narrativeselect/jquery.narrativese
[JS]jQueryのプラグイン100選 -2009年総集編
2009年に紹介したものを中心としたjQueryのプラグイン100選です。 カルーセル・ニュースティッカー関連 ギャラリー・画像拡大関連 ナビゲーション関連 タブ関連 パネル・ボックス関連 角丸関連
[JS]ニューリリースされたjQuery 1.4のチェックしておきたいサイト
2010年1月14日、jQueryの最新版1.4がリリースされました。 本家のサイトをはじめ、新機能のサンプルコードや1.3.2との後方互換について紹介します。 jQuery 1.4 Released jQuery 1.4のダウンロードとリリース情報 jQuery 1.4のダウンロードや詳細な情報は、下記ページをご覧ください。 jQuery 1.4 Released – The 14 Days of jQuery 性能は1.3.2と比較して、上のキャプチャのようにほとんどの面でパフォーマンスがより改善されたものとのことです。 jQuery 1.4 API チートシート jQuery 1.4に対応したチートシートです。 PDF版とPNG版も用意されています。
テキストエリアの現在のカーソル(キャレット)位置に文字を挿入するには - 2009-07-27 - エンジニアきまぐれTips
jQuery とかで簡単にできるんじゃないかと検索してたら以下のページがヒットした。 http://stackoverflow.com/questions/946534/insert-text-into-textarea-with-jquery http://d.hatena.ne.jp/project_the_tower2/20071228/1198785069 試行錯誤して、以下のサンプルができた。(IE8 と FF3 で確認) <form> <textarea id="area"></textarea> <input type="button" id="insert" value="挿入"> </form> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/jav
Shawn Mayzes - Google Maps jQuery Plugin
Google Maps jQuery Plugin - Shawn Mayzes Welcome to the developer documentation for the jQuery Google Maps Plugin! The Google Maps jQuery Plugin lets you simply embed Google Maps using The Google Maps JavaScript API in your web pages. To useThe Google Maps JavaScript API, you need to first sign up for an API key. Once you've received an API key, you can develop a map application following the inst
Срок регистрации домена закончился
Срок регистрации домена FUTURECOLORS.RU закончился Услуга по регистрации доменного имени FUTURECOLORS.RU временно не предоставляется. Продлить домен Если вы хотите приобрести этот домен — закажите услугу «Доменный брокер». Мы проведем переговоры с текущим владельцем имени и организуем безопасную сделку. Заказать услугу «Доменный брокер» Если администратор домена не продлит регистрацию, домен освоб
» jQueryでもはまるクロスブラウザ問題まとめ: エスキュービズム ラボ Blog
IEとfirefoxなどのブラウザ間でjavascriptの仕様が違うというクロスブラウザ問題。最近はjQueryなどのライブラリを用いることによって、その違いをライブラリが吸収し、開発が容易になっています。しかし、残念ながら、jQueryを使っても、結構、クロスブラウザ問題にはまってしまいます。以下、そのようなはまった点についてまとめみます。 １．連想配列の最後のカンマ。firefoxだと無視されますが、IEだとエラーになります(例)。分かっていても、ついやってしまいます。 ２．width/heightの解釈の違い。前回のブログにも詳細が書いてあります。jQueryのwidth()/height()でもその違いは吸収できません。前回のブログにあるように、DOCTYPEをきちんと指定するしかないようです。 ３．z-Indexの解釈の違い。firefoxではz-Indexが最優先なのに対し、
jQuery を用いて大きな画像などを Google Map ライクにスクロール表示する UI - tilfin's note 跡地
下記のサンプルは jQuery プラグインとして公開しています。（2009/05/20 追記） jquery-scrollview - This jQuery plugin applies grab-and-drag scroll view to block elements. - Google Project Hosting 壁紙などの大きなサイズの画像を表示するのに Google マップのようなインターフェイスを提供したい。 Google マップのような、 マウスドラッグでスクロール ダブルクリックした所にセンタリング するような処理である。ただ、ズームに関しては実装しない。 ということで実装したサンプルは ScrollViewer Sample である。 ScrollViewer jQuery を必要とする。 function ScrollViewer(){ this.initial
jQueryによるフォーム部品操作のレシピ - むつらつれづれ
テキストボックスやラジオボタンなどのフォーム部品は、論理モデルとしては単純なnameとvalueの組み合わせであるものの、jQueryを以ってしても画面上では統一的に扱えずに意外と苦労する。忘れがちなので纏めてみた。 フォーム部品共通 フォーム部品（のjQueryオブジェクト）を取得する var obj = $('#target'); // id指定 var obj = $('.targets'); // class指定 var obj = $('input[@name=xxx]'); // name指定 テキストエリア、リストメニューなど同一ドキュメントで唯一なものにはユニークなidを振っておき、チェックボックスやラジオボタンなど同一のname要素で複数存在するものにはそれらで共通のclassを振っておくか、name要素で指定するのが無難か。 テキストボックス（input[@type=t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://chriswanstrath.com/facebox/
http://gmap.nurtext.de/
GitHub - dillon-sellars/BeautyTips: BeautyTips is a jQuery tooltips plugin which uses the canvas drawing element in the HTML5 spec to dynamically draw tooltips (sometimes called "talk bubbles" or "help balloons") associated with a html element on the page
