フォームのselect要素内をインスタンス検索出来るようにし、美しいデザインにも変更できるjQueryプラグイン・Chosen
結構便利そうだったのでご紹介。フォームの select要素内に羅列されたoptionから、入力 するだけで結果を表示するインスタンス検索 を可能にするスクリプト・Chosenです。表題 にはjQueryプラグインと書きましたが、この スクリプトにはjQueryプラグインとprototype の2つが用意されています。 optionの量が多くなってしまうことはよくあるので、この手のユーザビリティ向上系スクリプトは多く存在しますが、これはかなり便利ではないかなと思いました。似たようなのもうあるんですかね。 通常のselectボックスでプルダウンさせると検索窓も表示、キーワードを入れるだけでソートしてくれます。いわゆるインスタンス検索が可能になるので大量のoptionが存在してもユーザーの利便性を全く損ないません。 デモ見たほうが早いですね。※追記：日本語だとFirefoxのみ動かないみたい。英
Script.aculo.usの次期版·scripty2 MOONGIFT
Script.aculo.usといえばPrototype.jsが出回った時からあるイフェクトライブラリだ。スライドでオブジェクトを表示したり（逆に消したり）、スムーズなスクロールを実現したりとユーザビリティを良くしてくれる便利なライブラリだ。 パズルのサンプル 継続的に開発が行われてきたとは言え、2008年11月の1.8.2から更新されていない。だが時代はさらに進化し、次世代のイフェクトライブラリを求めている。それがscripty2だ。 今回紹介するオープンソース・ソフトウェアはscripty2、もっと美しいWebインタフェースを実現するためのイフェクトライブラリだ。 scripty2は実に多彩なイフェクトを行える。Script.aculo.usと同じくPrototype.jsに依存する（1.6.1 RC3以降）。スクロールやイフェクトを行うライブラリはもちろん、同根されるCSSも使って表
Prototype.jsを用いたUIライブラリ·Prototype UI MOONGIFT
Webアプリケーションを構築する上で、優れた操作性をもったUIは欠かすことができない。まるでデスクトップアプリケーションのようなインタフェースを持ったソフトウェアが数多く存在している。 Prototype.jsを使ったUIライブラリ そんなUIを構築するライブラリは数多いが、そのためだけのツールが多く、柔軟性にかけるものが多い。そこで優れたJavaScriptライブラリであるPrototype.jsをベースにしたPrototype UIを使ってみよう。 Prototype UIはPrototype.jsとScript.aculo.usを使ってWebアプリケーションにふさわしいインタフェースを提供してくれるJavaScriptライブラリだ。 Prototype.jsがベースという点において好き嫌いが分かれる所かもしれない。とは言え、Railsで標準で組み込まれていることもあり、利用されている
thinkweb2.com - thinkweb2 リソースおよび情報
thinkweb2.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、thinkweb2.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
Prototype.js を利用して作られたJavaScriptライブラリまとめサイト「Scripteka」:phpspot開発日誌
Scripteka :: Prototype extensions library Prototype.js (+Script.aculo.us)を利用して作られたJavaScriptライブラリまとめサイト「Scripteka」 例えば、次のようなPrototype.jsを使ったライブラリが紹介されています。 アコーディオン カラーピッカー ツールチップヒント 日付入力補助ウィジェット ライブラリ探しのヒントに。 関連エントリ prototype.jsベースのリアルタイムバリデートJSライブラリ「JSValidate」 Prototype.jsベースのUIライブラリ「Prototype UI」 prototype.js逆引きサンプル集 - JavaScriptist
MOONGIFT: » prototype.jsベースのカレンダー「protocalendar.js」:オープンソースを毎日紹介
よく、誕生日の入力などでドロップダウンリストから選ばせるものがあるが、あれほど入力が面倒なものはないと思っている。テキストボックスにそのまま数字で入れた方がよっぽども手軽だ。 とは言え、入力チェックやユーザビリティを考えるとそれもお勧めはできない。手軽で、さらに正確な入力が促せる方法としてこれをお勧めしたい。 今回紹介するオープンソース・ソフトウェアはprotocalendar.js、prototype.jsベースのカレンダー入力ライブラリだ。 protocalendar.jsはテキストボックスにフォーカスが当たるとカレンダーが表示されるライブラリだ。良くあるものだが、prototype.jsベースなのと、何より日本製というのが特徴だ。 日本製の嬉しい点としては、休日に対応している点だろう。ハッピーマンデーにも対応しているので、数年後の休日も表示されるのが素晴らしい。 さらに多言語対応によ
prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」:phpspot開発日誌
prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 2007年05月14日- Control.TextArea : Cross Browser TextArea Manipulation Decent, flexible WYSIWYG editing in the browser is still an inconsistent affair at best in terms of user experience, integration effort, and generated markup. prototype.jsベースのWYSIWYGエディタウィジェット「Control.TextArea」 利用にあたってのサンプルコードは次です。 textarea = new Control.TextArea('textarea_id');
Projax:PHP Generators for Prototype and Script.aculo.us - Do You PHP はてブロ
PrototypeとScript.aculo.usを利用するjavascriptコードを簡単に出力するクラスです。 PHPコードを見た限り、PHP4向けっぽいです。デモにあるような「お決まり」なeffectであれば、それなりに使えるんじゃないかと思います。 Projax is a port of the Rails helpers that wrap the JavaScript required for Prototype and Script.aculo.us code from Ruby, to PHP classes.
Bridge Word
This shop will be powered by Are you the store owner? Log in here
DEfusion.org.uk » JavaScript Image Cropper UI, using Prototype & script.aculo.us
JavaScript Image Cropper UI, using Prototype & script.aculo.us This is a page from my old blog This page was imported from my old Wordpress Blog (which I stopped updating in 2011) and are here mainly for posterity. Although I have tried to clean things up there will be broken links and potentially other issues. About The JavaScript image cropper UI allows the user to crop an image using an interfa
Prototype.js 1.5.0_pre0 - IT戦記
最新が 1.5.0_pre0 になってたので調査 (自分用のメモなので読みにくくてもゴメンなさいってことで) Prototype.js 1.4.0 からの変更点 CHANGELOG より String.prototype.truncateを追加 String.prototype.gsub, String.prototype.sub, String.prototype.scan を追加。 Template クラスを追加。 $$ 関数を追加。 Selector クラスを追加。 Element.childOf を追加。 String.prototype.inspect を修正。 String.prototype.strip を追加。 String String.prototype.truncate 文章を短くする。 var text = 'とっても長い文章です。読むのがわずらわしいです。概要だけ
マウスホイールイベントの登録 - memo.xight.org
Summary prototype.js を読み込んだ後に wheel_event.js を読み込むと， mousewheelイベントを扱えるようになる． イベントハンドラの第二引数にホイールカウント(1 or -1)が入ってくる． Event.observe(element, 'mousewheel', function(element, wheel_count){ wheel_count == 1 ? alert('wheel up') : alert('wheel down'); }); ブラウザのホイールを無効にする event.preventDefault ? event.preventDefault() : (event.returnValue = false); Reference mouse wheel event demo http://rails2u.com/misc/
prototype.js でホイールイベントを登録する
prototype.js でホイールイベントを登録する 2005-12-08-6: [JavaScript] http://d.hatena.ne.jp/secondlife/20051208/1134020332 - mouse wheel event demo http://rails2u.com/misc/wheel_event/ 素晴らしい．何かに使いたい．
Particletree Quick Guide to Prototype
IntroductionJavaScript’s increasing popularity throughout the web makes it more important than ever to make sure our client side code is implemented with a nice mix of stability, speed, and reusability. One of the best ways for accomplishing this is to use a simple library and syntax to use as a foundation for every project. Thankfully, Sam Stephenson created an amazing library of functions that w
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
prototype.js リファレンス
http://blogus.xilinus.com/beta/doc/index.html
prototype.jsのObject汚染を回避する方法 - memo.xight.org
prototype.js を使った Yellow Fade Technique のサンプル