Some more docs updates
This commit is contained in:
parent
b281455a14
commit
203da6c409
3 changed files with 10 additions and 10 deletions
|
@ -1,7 +1,7 @@
|
|||
/*!
|
||||
|
||||
Chosen for Protoype.js
|
||||
by Patrick Filler at Harvest
|
||||
by Patrick Filler for Harvest
|
||||
|
||||
Copyright (c) 2011 Harvest
|
||||
|
||||
|
|
|
@ -55,4 +55,6 @@ div.side-by-side > div > em { margin-bottom: 10px; display: block; }
|
|||
clear: both;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
a { color: #F36C00; }
|
14
index.html
14
index.html
|
@ -30,6 +30,8 @@
|
|||
|
||||
<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><a href="https://github.com/harvesthq/chosen/">Project page on GitHub</a></p>
|
||||
|
||||
<h2>Standard Select</h2>
|
||||
<div class="side-by-side clearfix">
|
||||
|
@ -1028,16 +1030,12 @@
|
|||
<h2>Why use Chosen?</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<h3>Easier to Use</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>
|
||||
<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. Non-matching entries are removed from view and choices can be selected using enter or mouse click.</p>
|
||||
</li>
|
||||
<li>
|
||||
<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>
|
||||
</li>
|
||||
<li>
|
||||
<h3>Lightweight</h3>
|
||||
<p>Even un-minified, Chosen's JS, CSS and Images weigh in at under 50k.</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>Painless Setup</h3>
|
||||
|
@ -1048,7 +1046,7 @@
|
|||
<h2>Setup</h2>
|
||||
<p>Using Chosen is easy as can be.</p>
|
||||
<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><a href="http://youtu.be/pS-RsIzb78U?t=57s">Disco</a>.</li>
|
||||
</ol>
|
||||
|
|
Loading…
Reference in a new issue