Skip to content
Browse files

Updates to README

  • Loading branch information...
1 parent e2e4bc3 commit 4d5ebde19651e292f413966118e50a203e32697b @thirdender committed Mar 17, 2012
Showing with 13 additions and 9 deletions.
  1. +5 −1 README.md
  2. +2 −2 dropdown.js
  3. +6 −6 index.html
View
6 README.md
@@ -5,6 +5,10 @@ I got tired of not being able to style SELECTs easily. This is a bad attempt to
It's based on code from the site [Janko at Warp Speed](http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx). I've added a few changes of my own, and the results can be seen on the [sample page](http://blog.gatherage.com/sites/default/files/dropdown/index.html).
+To use, include the CSS file from the desired style, a copy of jQuery, and a copy of dropdown.min.js. Add a class to the SELECTs you want to replace, and call the library in your JS as follows.
+
+ $(".yourClass").dropdown();
+
TODO:
-----
* Better documentation
@@ -15,4 +19,4 @@ TODO:
* SELECT MULTIPLE
* Add [ARIA](http://en.wikipedia.org/wiki/WAI-ARIA) elements
* Keep selected value after page refresh
-* jQuery UI bindings (?)
+* Tie into jQuery UI
View
4 dropdown.js
@@ -2,12 +2,12 @@
* jQuery Dropdown
* http://blog.gatherage.com/jquery-select-dropdown
*
- * Copyright 2011, Rob Rothermel
+ * Copyright 2012, Rob Rothermel
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl-2.0.html
*
- * Date: Thu Oct 03 2011 00:28:29 GMT-0400 (EST)
+ * Date: Fri Mar 16 20:46:40 EDT 2012
*/
(function($) {
View
12 index.html
@@ -10,13 +10,13 @@
<!-- Load the Dropdown JS and CSS -->
<script type="text/javascript" src="dropdown.js"></script>
- <link href="default/dropdown.css" title="default" rel="stylesheet" type="text/css" />
+ <link href="styles/default/dropdown.css" title="default" rel="stylesheet" type="text/css" />
<!-- Load extra stylesheets. These will be disabled until selected from the style switcher dropdown. -->
- <link href="osX/osX.css" title="OS X" rel="stylesheet" type="text/css" />
- <link href="echoTech/echoTech.css" title="Echo Tech" rel="stylesheet" type="text/css" />
- <link href="five/five.css" title="Five" rel="stylesheet" type="text/css" />
- <link href="candyCorn/dropdown.css" title="Candy Corn" rel="stylesheet" type="text/css" />
+ <link href="styles/osX/osX.css" title="OS X" rel="stylesheet" type="text/css" />
+ <link href="styles/echoTech/echoTech.css" title="Echo Tech" rel="stylesheet" type="text/css" />
+ <link href="styles/five/five.css" title="Five" rel="stylesheet" type="text/css" />
+ <link href="styles/candyCorn/dropdown.css" title="Candy Corn" rel="stylesheet" type="text/css" />
<script type="text/javascript">
(function($) {
@@ -198,7 +198,7 @@
<li>jQuery UI bindings?</li>
</ul>
</div>
- <h4>Last Updated: 2011-10-03</h4>
+ <h4>Last Updated: 2012-03-16</h4>
</div>
</div>
</body>

0 comments on commit 4d5ebde

Please sign in to comment.
Something went wrong with that request. Please try again.