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

Use jQuery spelling of plugin

gh-pages
Patrick Filler 2011-07-25 13:18:50 -04:00
parent 1abfe52c39
commit 1b9c85d5bc
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
index.html
View File

@ -5,7 +5,7 @@
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Chosen - a javascript plug-in for jQuery and Prototype - makes select boxes better</title>
<title>Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes better</title>
<meta name="description" content="">
<meta name="author" content="Patrick Filler, Harvest">
@ -38,7 +38,7 @@
</header>
<div id="content">
<div id="container">
<h2 class="intro">Chosen is a javsacript plug-in that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.</h2>
<h2 class="intro">Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.</h2>
<a href="https://github.com/harvesthq/chosen/">Project page on GitHub</a>
<h2>Standard Select</h2>
@ -1190,7 +1190,7 @@
<h2>Default Text Support</h2>
<div class="side-by-side clearfix">
<p>Chosen automatically sets the default field text ("Choose a country...") by reading the select element's title value. If no title value is present, it will default to "Select Some Option" or "Select Some Options" depending on whether the select is single or multiple. You can change these elements in the plug-in js file as you see fit.</p>
<p>Chosen automatically sets the default field text ("Choose a country...") by reading the select element's title value. If no title value is present, it will default to "Select Some Option" or "Select Some Options" depending on whether the select is single or multiple. You can change these elements in the plugin js file as you see fit.</p>
<code>&lt;select <strong>title="Choose a country..."</strong> style="width:350px;" multiple class="chzn-select"&gt;</code>
</div>
@ -1222,21 +1222,21 @@
</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. 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>
<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>
<p>Add Chosen's files to your app and trigger the plug-in (see Setup below). Chosen automatically respects optgroups, selected state, the multiple attribute and browser tab order. You don't need to do anything else except customize the style as you see fit.</p>
<p>Add Chosen's files to your app and trigger the plugin (see Setup below). Chosen automatically respects optgroups, selected state, the multiple attribute and browser tab order. You don't need to do anything else except customize the style as you see fit.</p>
</li>
</ul>
<h2>Setup</h2>
<p>Using Chosen is easy as can be.</p>
<ol>
<li><a href="https://github.com/harvesthq/chosen">Download the plug-in</a> and copy the related files to your app.</li>
<li>Activate the plug-in:
<li><a href="https://github.com/harvesthq/chosen">Download the plugin</a> and copy the related files to your app.</li>
<li>Activate the plugin:
<ul>
<li><strong>jQuery Version:</strong> Call the chosen plug-in - <code>$(".chzn-select").chosen()</code></li>
<li><strong>jQuery Version:</strong> Call the chosen plugin - <code>$(".chzn-select").chosen()</code></li>
<li><strong>Prototype Version:</strong> Add the class <em>chzn-select</em> to appropriate select boxes.</li>
</ul>
</ul>
@ -1257,7 +1257,7 @@
<ul class="faqs">
<li>
<h3>Something doesn't work. Can you fix it?</h3>
<p>Yes! Please report all issues using the <a href="http://github.com/harvesthq/chosen/issues">GitHub issue tracking tool</a>. Please include the plug-in version (jQuery or Prototype), browser and OS. The more information provided, the easier it is to fix a problem.</p>
<p>Yes! Please report all issues using the <a href="http://github.com/harvesthq/chosen/issues">GitHub issue tracking tool</a>. Please include the plugin version (jQuery or Prototype), browser and OS. The more information provided, the easier it is to fix a problem.</p>
</li>
<li>
<h3>What browsers are supported?</h3>