deac/chosen
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Some more docs updates

Browse source
This commit is contained in:
Patrick Filler 2011-06-23 12:17:56 -04:00
parent b281455a14
commit 203da6c409
3 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
chosen/chosen.proto.js
View file

@ -1,7 +1,7 @@
/*! /*!
Chosen for Protoype.js Chosen for Protoype.js
by Patrick Filler at Harvest by Patrick Filler for Harvest
Copyright (c) 2011 Harvest Copyright (c) 2011 Harvest

4
docsupport/style.css
View file

@ -55,4 +55,6 @@ div.side-by-side > div > em { margin-bottom: 10px; display: block; }
clear: both; clear: both;
overflow: hidden; overflow: hidden;
visibility: hidden; visibility: hidden;
} }
a { color: #F36C00; }

14
index.html
View file

@ -30,6 +30,8 @@
<div id="container"> <div id="container">
<p>Chosen is a javsacript plug-in for Prototype (jQuery support coming soon) that makes long, unwieldy select boxes much more user-friendly.</p> <p>Chosen is a javsacript plug-in for Prototype (jQuery support coming soon) that makes long, unwieldy select boxes much more user-friendly.</p>
<p><a href="https://github.com/harvesthq/chosen/">Project page on GitHub</a></p>
<h2>Standard Select</h2> <h2>Standard Select</h2>
<div class="side-by-side clearfix"> <div class="side-by-side clearfix">
@ -1028,16 +1030,12 @@
<h2>Why use Chosen?</h2> <h2>Why use Chosen?</h2>
<ul> <ul>
<li> <li>
<h3>Easier to Use</h3> <h3>User Friendly</h3>
<p>Instead of forcing your users to scroll through a giant list of items, they can just start typing the name of the item they were looking for.</p> <p>Instead of forcing your users to scroll through a giant list of items, they can just start typing the name of the item they were looking for. Non-matching entries are removed from view and choices can be selected using enter or mouse click.</p>
</li> </li>
<li> <li>
<h3>Progressive Enhancement</h3> <h3>Progressive Enhancement</h3>
<p>Because chosen replaces normal html select fields, you don't need to do anything special to make it work for browsers without javascript.</p> <p>Because chosen replaces normal html select fields, you don't need to do anything special to make it work for browsers without javascript. You don't need to do anything special on the back end to handle the data either -- the form field still gets submitted as normal.</p>
</li>
<li>
<h3>Lightweight</h3>
<p>Even un-minified, Chosen's JS, CSS and Images weigh in at under 50k.</p>
</li> </li>
<li> <li>
<h3>Painless Setup</h3> <h3>Painless Setup</h3>
@ -1048,7 +1046,7 @@
<h2>Setup</h2> <h2>Setup</h2>
<p>Using Chosen is easy as can be.</p> <p>Using Chosen is easy as can be.</p>
<ol> <ol>
<li>Download the plug-in and copy the related files to your app.</li> <li><a href="https://github.com/harvesthq/chosen">Download the plug-in</a> and copy the related files to your app.</li>
<li>Add the class <em>chzn-select</em> to any select box.</li> <li>Add the class <em>chzn-select</em> to any select box.</li>
<li><a href="http://youtu.be/pS-RsIzb78U?t=57s">Disco</a>.</li> <li><a href="http://youtu.be/pS-RsIzb78U?t=57s">Disco</a>.</li>
</ol> </ol>