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

Update docs to clarify usage in prototype vs. jQuery.

Browse source 
Closes Gh-9
This commit is contained in:
Patrick Filler 2011-07-21 10:40:06 -04:00
parent 3741c6149e
commit 4ddeab1783
2 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
docsupport/style.css
View file

@ -37,6 +37,8 @@ h3 { font-weight: bold; }
ul li { list-style: disc; margin-left: 1em; margin-bottom: 1.25em; } ul li { list-style: disc; margin-left: 1em; margin-bottom: 1.25em; }
ol li { margin-left: 1.25em; } ol li { margin-left: 1.25em; }
ol ul { margin: .25em 0 0; }
ol ul li { margin: 0 0 .25em 1em; }
li > p { margin-top: .25em; } li > p { margin-top: .25em; }
@ -58,4 +60,6 @@ div.side-by-side > div > em { margin-bottom: 10px; display: block; }
a { color: #F36C00; outline: none; text-decoration: none; } a { color: #F36C00; outline: none; text-decoration: none; }
a:hover { text-decoration: underline; } a:hover { text-decoration: underline; }
ul.credits li { margin-bottom: .25em; } ul.credits li { margin-bottom: .25em; }
strong { font-weight: bold; }

9
index.html
View file

@ -1198,7 +1198,7 @@
</li> </li>
<li> <li>
<h3>Painless Setup</h3> <h3>Painless Setup</h3>
<p>Add Chosen's files to your app and then add the class <em>chzn-select</em> to your select box. 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 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>
</li> </li>
</ul> </ul>
@ -1206,7 +1206,12 @@
<p>Using Chosen is easy as can be.</p> <p>Using Chosen is easy as can be.</p>
<ol> <ol>
<li><a href="https://github.com/harvesthq/chosen">Download the plug-in</a> 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>Activate the plug-in:
<ul>
<li><strong>jQuery Version:</strong> Call the chosen plug-in - <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>
<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>