updated demos

ehynds · Jul 7, 2010 · 3420aac · 3420aac
1 parent 998ccba
commit 3420aac
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 14 deletions.
diff --git a/demos/animations.htm b/demos/animations.htm
@@ -30,7 +30,8 @@
 <body onload="prettyPrint();">
 
 <h2>Show/hide with Animation</h2>
-<p>Using animations with the show and hide parameters.</p>
+<p>Using animations with the show and hide parameters.  Either pass an array with the effect name and the speed, or just specify the name of an effect.  If you don't
+specify a speed, the default of 400ms will be used.</p>
 
 <h3>Specifying different show and hide speeds</h3>
 <pre class="prettyprint">

diff --git a/demos/callbacks.htm b/demos/callbacks.htm
@@ -53,7 +53,9 @@
 <body onload="prettyPrint();">
 
 <h2>Callbacks &amp; Events</h2>
-<p>Demonstrating beforeopen, open, beforeclose, close, click, checkall, uncheckall, and optgrouptoggle callbacks/events.</p>
+<p>Demonstrating beforeopen, open, beforeclose, close, click, checkall, uncheckall, and optgrouptoggle callbacks/events.  Note that you can either
+pass in an event handler in the options object upon initialization, or bind to the event (including the multiselect prefix).  For example, to add an 
+"open" handler, you can also use <code class="prettyprint">$("select").bind("multiselectopen", fn);</code></p>
 <p class="message success" id="callback">Callback target</p>
 
 <select multiple="multiple" size="5">

diff --git a/demos/preselected.htm b/demos/preselected.htm
@@ -5,23 +5,18 @@
 <title>jQuery MultiSelect Widget Demo</title>
 <link rel="stylesheet" type="text/css" href="../jquery.multiselect.css" />
 <link rel="stylesheet" type="text/css" href="assets/style.css" />
+<link rel="stylesheet" type="text/css" href="assets/prettify.css" />
 <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css" />
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
 <script type="text/javascript" src="../src/jquery.multiselect.js"></script>
-<script type="text/javascript">
-$(function(){
-
-	$("select").multiselect();
-
-});
-</script>
-
+<script type="text/javascript" src="assets/prettify.js"></script>
 </head>
-<body>
+<body onload="prettyPrint();">
 
 <h2>Pre-selected &amp; pre-disabled options</h2>
-<p>Options one, three, and four have the <code>selected="selected"</code> attribute and are checked by default.  Options five and six have the <code>disabled="disabled"</code> attribute.</p>
+<p>Options one, three, and four have the <code class="prettyprint">selected="selected"</code> attribute and are checked by default.  Options five and six have the <code class="prettyprint">disabled="disabled"</code> attribute.
+When the widget is initialized on the select, both attribute types are honored.</p>
 
 <form>
 	<p>
@@ -39,6 +34,6 @@ <h2>Pre-selected &amp; pre-disabled options</h2>
 	</p>
 </form>
 
-
+<script type="text/javascript">$("select").multiselect();</script>
 </body>
 </html>
diff --git a/demos/selectedlist.htm b/demos/selectedlist.htm
@@ -49,7 +49,8 @@ <h3>Using the <code>selectedList</code> Parameter</h3>
 </form>
 
 <h3>Passing a Function to <code>selectedText</code></h3>
-<p>Passing a function to the <code>selectedText</code> option gives you low-level control of what the widget displays.  Example usage:</p>
+<p>Passing a function to the <code>selectedText</code> option gives you low-level control of what the widget displays.  The function receives three arguments:
+the number of checkboxes checked, the total number of checkboxes, and an array of the checkboxes (DOM elements) that were checked.  Example usage:</p>
 
 <pre class="prettyprint">
 $("select").multiselect({