Skip to content
Browse files

updated all uses of liszt and chzn to chosen

  • Loading branch information...
1 parent d6c339e commit a7f9746e79db6dcfda12a1d8a07936b1da674ff5 @koenpunt committed Jul 31, 2013
Showing with 70 additions and 70 deletions.
  1. +2 −2 coffee/chosen.jquery.coffee
  2. +1 −1 coffee/chosen.proto.coffee
  3. +34 −34 public/create-example.jquery.html
  4. +33 −33 public/create-example.proto.html
View
4 coffee/chosen.jquery.coffee
@@ -425,9 +425,9 @@ class Chosen extends AbstractChosen
option = $('<option />', options ).attr('selected', 'selected')
@form_field_jq.append option
terms = @search_field.val()
- @form_field_jq.trigger "liszt:updated"
+ @form_field_jq.trigger "chosen:updated"
@form_field_jq.trigger "change"
- @search_field.trigger('focus')
+ @search_field.trigger "focus"
no_results_clear: ->
@search_results.find(".no-results").remove()
View
2 coffee/chosen.proto.coffee
@@ -428,7 +428,7 @@ class @Chosen extends AbstractChosen
select_append_option: ( options ) ->
option = @new_option_temp.evaluate( options )
@form_field.insert option
- Event.fire @form_field, "liszt:updated"
+ Event.fire @form_field, "chosen:updated"
@form_field.simulate("change") if typeof Event.simulate is 'function'
this.result_select()
View
68 public/create-example.jquery.html
@@ -5,7 +5,7 @@
<link rel="stylesheet" href="chosen.css">
<style type="text/css" media="all">
/* fix rtl for demo */
- .chzn-rtl .chzn-drop { left: -9000px; }
+ .chosen-rtl .chosen-drop { left: -9000px; }
</style>
</head>
<body>
@@ -284,7 +284,7 @@
</div>
<div>
<em>Into This</em>
- <select data-placeholder="Choose a Country..." class="chzn-select" style="width:350px;" tabindex="2">
+ <select data-placeholder="Choose a Country..." class="chosen-select" style="width:350px;" tabindex="2">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
@@ -802,7 +802,7 @@
</div>
<div>
<em>Into This</em>
- <select data-placeholder="Choose a Country..." class="chzn-select" multiple style="width:350px;" tabindex="4">
+ <select data-placeholder="Choose a Country..." class="chosen-select" multiple style="width:350px;" tabindex="4">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
@@ -1063,7 +1063,7 @@
<div class="side-by-side clearfix">
<div>
<em>Single Select with Groups</em>
- <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chzn-select" tabindex="5">
+ <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" tabindex="5">
<option value=""></option>
<optgroup label="NFC EAST">
<option>Dallas Cowboys</option>
@@ -1117,7 +1117,7 @@
</div>
<div>
<em>Multiple Select with Groups</em>
- <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chzn-select" multiple tabindex="6">
+ <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6">
<option value=""></option>
<optgroup label="NFC EAST">
<option>Dallas Cowboys</option>
@@ -1176,7 +1176,7 @@
<p>Chosen automatically highlights selected options and removes disabled options.</p>
<div>
<em>Single Select</em>
- <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select" tabindex="7">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select" tabindex="7">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1190,7 +1190,7 @@
</div>
<div>
<em>Multiple Select</em>
- <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select" tabindex="8">
+ <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chosen-select" tabindex="8">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1208,11 +1208,11 @@
<div class="side-by-side clearfix">
<p>The disable_search_threshold option can be specified to hide the search input on single selects if there are fewer than (n) options.</p>
<code>
- $(".chzn-select").chosen({disable_search_threshold: 10});
+ $(".chosen-select").chosen({disable_search_threshold: 10});
</code>
<p></p>
<div>
- <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select-no-single" tabindex="9">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select-no-single" tabindex="9">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1230,20 +1230,20 @@
<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 data-placeholder value. If no data-placeholder value is present, it will default to "Select an 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>data-placeholder="Choose a country..."</strong> style="width:350px;" multiple class="chzn-select"&gt;</code>
+ <code>&lt;select <strong>data-placeholder="Choose a country..."</strong> style="width:350px;" multiple class="chosen-select"&gt;</code>
<p><strong>Note:</strong> on single selects, the first element is assumed to be selected by the browser. To take advantage of the default text support, you will need to include a blank option as the first element of your select list.</p>
</div>
<h2>No Results Text Support</h2>
<div class="side-by-side clearfix">
<p>Setting the "No results" search text is as easy as passing an option when you create Chosen:</p>
<code>
- $(".chzn-select").chosen({no_results_text: "Oops, nothing found!"});
+ $(".chosen-select").chosen({no_results_text: "Oops, nothing found!"});
</code>
<p></p>
<div>
<em>Single Select</em>
- <select data-placeholder="Type 'C' to view" style="width:350px;" class="chzn-select-no-results" tabindex="10">
+ <select data-placeholder="Type 'C' to view" style="width:350px;" class="chosen-select-no-results" tabindex="10">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1257,7 +1257,7 @@
</div>
<div>
<em>Multiple Select</em>
- <select data-placeholder="Type 'C' to view" style="width:350px;" multiple class="chzn-select-no-results" tabindex="11">
+ <select data-placeholder="Type 'C' to view" style="width:350px;" multiple class="chosen-select-no-results" tabindex="11">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1275,19 +1275,19 @@
<div class="side-by-side clearfix">
<p>You can easily limit how many options can user select:</p>
<code>
- $(".chzn-select").chosen({max_selected_options: 5});
+ $(".chosen-select").chosen({max_selected_options: 5});
</code>
- <p>If you try to select another option with limit reached <code>liszt:maxselected</code> event is triggered:</p>
+ <p>If you try to select another option with limit reached <code>chosen:maxselected</code> event is triggered:</p>
<code>
- $(".chzn-select").bind("liszt:maxselected", function () { ... });
+ $(".chosen-select").bind("chosen:maxselected", function () { ... });
</code>
</div>
<h2>Allow Deselect on Single Selects</h2>
<div class="side-by-side clearfix">
<p>When a single select box isn't a required field, you can set <code>allow_single_deselect: true</code> and Chosen will add a UI element for option deselection. This will only work if the first option has blank text.</p>
<div class="side-by-side clearfix">
- <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select-deselect" tabindex="12">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select-deselect" tabindex="12">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1303,11 +1303,11 @@
<h2>Right to Left Support</h2>
<div class="side-by-side clearfix">
- <p>Chosen supports right to left select boxes too. just add <code>"chzn-rtl"</code> in addition to <code>"chzn-select"</code> to your select tags and you are good to go.</p>
- <p><code>&lt;select class="chzn-select <strong>chzn-rtl</strong>"&gt;</code></p>
+ <p>Chosen supports right to left select boxes too. just add <code>"chosen-rtl"</code> in addition to <code>"chosen-select"</code> to your select tags and you are good to go.</p>
+ <p><code>&lt;select class="chosen-select <strong>chosen-rtl</strong>"&gt;</code></p>
<div>
<em>Single right to left select</em>
- <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select chzn-rtl" tabindex="13">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select chosen-rtl" tabindex="13">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1319,7 +1319,7 @@
</div>
<div>
<em>Multiple right to left select</em>
- <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select chzn-rtl" tabindex="14">
+ <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chosen-select chosen-rtl" tabindex="14">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1341,8 +1341,8 @@
</li>
<li>
<h3>Updating Chosen Dynamically</h3>
- <p>If you need to update the options in your select field and want Chosen to pick up the changes, you'll need to trigger the "liszt:updated" event on the field. Chosen will re-build itself based on the updated content.</p>
- <p><code>$("#form_field").trigger("liszt:updated");</code></p>
+ <p>If you need to update the options in your select field and want Chosen to pick up the changes, you'll need to trigger the "chosen:updated" event on the field. Chosen will re-build itself based on the updated content.</p>
+ <p><code>$("#form_field").trigger("chosen:updated");</code></p>
</li>
</ul>
</div>
@@ -1351,12 +1351,12 @@
<div class="side-by-side clearfix">
<p>Using a custom width with Chosen is as easy as passing an option when you create Chosen:</p>
<code>
- $(".chzn-select").chosen({width: "95%"});
+ $(".chosen-select").chosen({width: "95%"});
</code>
<p></p>
<div>
<em>Single Select</em>
- <select data-placeholder="Your Favorite Types of Bear" class="chzn-select-width" tabindex="15">
+ <select data-placeholder="Your Favorite Types of Bear" class="chosen-select-width" tabindex="15">
<option value=""></option>
<option selected>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1370,7 +1370,7 @@
</div>
<div>
<em>Multiple Select</em>
- <select data-placeholder="Your Favorite Types of Bear" multiple class="chzn-select-width" tabindex="16">
+ <select data-placeholder="Your Favorite Types of Bear" multiple class="chosen-select-width" tabindex="16">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1390,7 +1390,7 @@
<p></p>
<div>
<em><label for="single-label-example">Click to Highlight Single Select</label></em>
- <select data-placeholder="Your Favorite Types of Bear" class="chzn-select" style="width:350px;" tabindex="17" id="single-label-example">
+ <select data-placeholder="Your Favorite Types of Bear" class="chosen-select" style="width:350px;" tabindex="17" id="single-label-example">
<option value=""></option>
<option selected>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1404,7 +1404,7 @@
</div>
<div>
<em><label for="multiple-label-example">Click to Highlight Multiple Select</label></em>
- <select data-placeholder="Your Favorite Types of Bear" multiple class="chzn-select" style="width:350px;" tabindex="18" id="multiple-label-example">
+ <select data-placeholder="Your Favorite Types of Bear" multiple class="chosen-select" style="width:350px;" tabindex="18" id="multiple-label-example">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1422,7 +1422,7 @@
<p>Using Chosen is easy as can be.</p>
<ol>
<li><a href="https://github.com/harvesthq/chosen/releases">Download</a> the plugin and copy the chosen files to your app.</li>
- <li>Activate the plugin on the select boxes of your choice: <code>$(".chzn-select").chosen()</code></li>
+ <li>Activate the plugin on the select boxes of your choice: <code>$(".chosen-select").chosen()</code></li>
<li><a href="http://www.youtube.com/watch?feature=player_detailpage&v=UkSPUDpe0U8#t=11s">Disco</a>.</li>
</ol>
@@ -1461,11 +1461,11 @@
<script src="chosen.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
var config = {
- '.chzn-select' : {create_option: true, skip_no_results: true},
- '.chzn-select-deselect' : {allow_single_deselect:true},
- '.chzn-select-no-single' : {disable_search_threshold:10},
- '.chzn-select-no-results': {no_results_text:'Oops, nothing found!'},
- '.chzn-select-width' : {width:"95%"}
+ '.chosen-select' : {create_option: true, skip_no_results: true},
+ '.chosen-select-deselect' : {allow_single_deselect:true},
+ '.chosen-select-no-single' : {disable_search_threshold:10},
+ '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
+ '.chosen-select-width' : {width:"95%"}
}
for (var selector in config) {
$(selector).chosen(config[selector]);
View
66 public/create-example.proto.html
@@ -5,7 +5,7 @@
<link rel="stylesheet" href="chosen.css" />
<style type="text/css" media="all">
/* fix rtl for demo */
- .chzn-rtl .chzn-drop { left: -9000px; }
+ .chosen-rtl .chosen-drop { left: -9000px; }
</style>
</head>
<body>
@@ -285,7 +285,7 @@
</div>
<div>
<em>Into This</em>
- <select data-placeholder="Choose a Country..." class="chzn-select" style="width:350px;" tabindex="2">
+ <select data-placeholder="Choose a Country..." class="chosen-select" style="width:350px;" tabindex="2">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
@@ -803,7 +803,7 @@
</div>
<div>
<em>Into This</em>
- <select data-placeholder="Choose a Country..." class="chzn-select" multiple style="width:350px;" tabindex="4">
+ <select data-placeholder="Choose a Country..." class="chosen-select" multiple style="width:350px;" tabindex="4">
<option value=""></option>
<option value="United States">United States</option>
<option value="United Kingdom">United Kingdom</option>
@@ -1064,7 +1064,7 @@
<div class="side-by-side clearfix">
<div>
<em>Single Select with Groups</em>
- <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chzn-select" tabindex="5">
+ <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" tabindex="5">
<option value=""></option>
<optgroup label="NFC EAST">
<option>Dallas Cowboys</option>
@@ -1118,7 +1118,7 @@
</div>
<div>
<em>Multiple Select with Groups</em>
- <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chzn-select" multiple tabindex="6">
+ <select data-placeholder="Your Favorite Football Team" style="width:350px;" class="chosen-select" multiple tabindex="6">
<option value=""></option>
<optgroup label="NFC EAST">
<option>Dallas Cowboys</option>
@@ -1177,7 +1177,7 @@
<p>Chosen automatically highlights selected options and removes disabled options.</p>
<div>
<em>Single Select</em>
- <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select" tabindex="7">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select" tabindex="7">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1191,7 +1191,7 @@
</div>
<div>
<em>Multiple Select</em>
- <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select" tabindex="8">
+ <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chosen-select" tabindex="8">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1209,11 +1209,11 @@
<div class="side-by-side clearfix">
<p>The disable_search_threshold option can be specified to hide the search input on single selects if there are fewer than (n) options.</p>
<code>
- New Chosen($("chzn_select_field"),{disable_search_threshold: 10});
+ New Chosen($("chosen_select_field"),{disable_search_threshold: 10});
</code>
<p></p>
<div>
- <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select-no-single" tabindex="9">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select-no-single" tabindex="9">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1231,21 +1231,21 @@
<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 data-placeholder value. If no data-placeholder value is present, it will default to "Select an 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>data-placeholder="Choose a country..."</strong> style="width:350px;" multiple class="chzn-select"&gt;</code>
+ <code>&lt;select <strong>data-placeholder="Choose a country..."</strong> style="width:350px;" multiple class="chosen-select"&gt;</code>
<p><strong>Note:</strong> on single selects, the first element is assumed to be selected by the browser. To take advantage of the default text support, you will need to include a blank option as the first element of your select list.</p>
</div>
<h2>No Results Text Support</h2>
<div class="side-by-side clearfix">
<p>Setting the "No results" search text is as easy as passing an option when you create Chosen:</p>
<code>
- New Chosen($("chzn_select_field"),{no_results_text: "Oops, nothing found!"});
+ New Chosen($("chosen_select_field"),{no_results_text: "Oops, nothing found!"});
</code>
<p></p>
<div>
<em>Single Select</em>
- <select data-placeholder="Type 'C' to view" style="width:350px;" class="chzn-select-no-results" tabindex="10">
+ <select data-placeholder="Type 'C' to view" style="width:350px;" class="chosen-select-no-results" tabindex="10">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1259,7 +1259,7 @@
</div>
<div>
<em>Multiple Select</em>
- <select data-placeholder="Type 'C' to view" style="width:350px;" multiple class="chzn-select-no-results" tabindex="11">
+ <select data-placeholder="Type 'C' to view" style="width:350px;" multiple class="chosen-select-no-results" tabindex="11">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1277,11 +1277,11 @@
<div class="side-by-side clearfix">
<p>You can easily limit how many options can user select:</p>
<code>
- new Chosen($("chzn_select_field"),{max_selected_options: 5});
+ new Chosen($("chosen_select_field"),{max_selected_options: 5});
</code>
- <p>If you try to select another option with limit reached <code>liszt:maxselected</code> event is triggered:</p>
+ <p>If you try to select another option with limit reached <code>chosen:maxselected</code> event is triggered:</p>
<code>
- $("chzn_select_field").observe("liszt:maxselected", function(evt) { ... });
+ $("chosen_select_field").observe("chosen:maxselected", function(evt) { ... });
</code>
<p></p>
</div>
@@ -1290,7 +1290,7 @@
<div class="side-by-side clearfix">
<p>When a single select box isn't a required field, you can set <code>allow_single_deselect: true</code> and Chosen will add a UI element for option deselection. This will only work if the first option has blank text.</p>
<div class="side-by-side clearfix">
- <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select-deselect" tabindex="12">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select-deselect" tabindex="12">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1306,11 +1306,11 @@
<h2>Right to Left Support</h2>
<div class="side-by-side clearfix">
- <p>Chosen supports right to left select boxes too. just add <code>"chzn-rtl"</code> in addition to <code>"chzn-select"</code> to your select tags and you are good to go.</p>
- <p><code>&lt;select class="chzn-select <strong>chzn-rtl</strong>"&gt;</code></p>
+ <p>Chosen supports right to left select boxes too. just add <code>"chosen-rtl"</code> in addition to <code>"chosen-select"</code> to your select tags and you are good to go.</p>
+ <p><code>&lt;select class="chosen-select <strong>chosen-rtl</strong>"&gt;</code></p>
<div>
<em>Single right to left select</em>
- <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chzn-select chzn-rtl" tabindex="13">
+ <select data-placeholder="Your Favorite Type of Bear" style="width:350px;" class="chosen-select chosen-rtl" tabindex="13">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1322,7 +1322,7 @@
</div>
<div>
<em>Multiple right to left select</em>
- <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chzn-select chzn-rtl" tabindex="14">
+ <select data-placeholder="Your Favorite Types of Bear" style="width:350px;" multiple class="chosen-select chosen-rtl" tabindex="14">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1345,9 +1345,9 @@
</li>
<li>
<h3>Updating Chosen Dynamically</h3>
- <p>If you need to update the options in your select field and want Chosen to pick up the changes, you'll need to trigger the "liszt:updated" event on the field. Chosen will re-build itself based on the updated content.</p>
+ <p>If you need to update the options in your select field and want Chosen to pick up the changes, you'll need to trigger the "chosen:updated" event on the field. Chosen will re-build itself based on the updated content.</p>
<ul>
- <p><code>Event.fire($("form_field"), "liszt:updated");</code></p>
+ <p><code>Event.fire($("form_field"), "chosen:updated");</code></p>
</ul>
</li>
</ul>
@@ -1357,12 +1357,12 @@
<div class="side-by-side clearfix">
<p>Using a custom width with Chosen is as easy as passing an option when you create Chosen:</p>
<code>
- New Chosen($("chzn_select_field"),{width: "95%"});
+ New Chosen($("chosen_select_field"),{width: "95%"});
</code>
<p></p>
<div>
<em>Single Select</em>
- <select data-placeholder="Your Favorite Types of Bear" class="chzn-select-width" tabindex="15">
+ <select data-placeholder="Your Favorite Types of Bear" class="chosen-select-width" tabindex="15">
<option value=""></option>
<option selected>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1376,7 +1376,7 @@
</div>
<div>
<em>Multiple Select</em>
- <select data-placeholder="Your Favorite Types of Bear" multiple class="chzn-select-width" tabindex="16">
+ <select data-placeholder="Your Favorite Types of Bear" multiple class="chosen-select-width" tabindex="16">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1396,7 +1396,7 @@
<p></p>
<div>
<em><label for="single-label-example">Click to Highlight Single Select</label></em>
- <select data-placeholder="Your Favorite Types of Bear" class="chzn-select" style="width:350px;" tabindex="17" id="single-label-example">
+ <select data-placeholder="Your Favorite Types of Bear" class="chosen-select" style="width:350px;" tabindex="17" id="single-label-example">
<option value=""></option>
<option selected>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1410,7 +1410,7 @@
</div>
<div>
<em><label for="multiple-label-example">Click to Highlight Multiple Select</label></em>
- <select data-placeholder="Your Favorite Types of Bear" multiple class="chzn-select" style="width:350px;" tabindex="18" id="multiple-label-example">
+ <select data-placeholder="Your Favorite Types of Bear" multiple class="chosen-select" style="width:350px;" tabindex="18" id="multiple-label-example">
<option value=""></option>
<option>American Black Bear</option>
<option>Asiatic Black Bear</option>
@@ -1467,11 +1467,11 @@
<script type="text/javascript">
document.observe('dom:loaded', function(evt) {
var config = {
- '.chzn-select' : {create_option: true, skip_no_results: true},
- '.chzn-select-deselect' : {allow_single_deselect:true},
- '.chzn-select-no-single' : {disable_search_threshold:10},
- '.chzn-select-no-results': {no_results_text: "Oops, nothing found!"},
- '.chzn-select-width' : {width: "95%"}
+ '.chosen-select' : {create_option: true, skip_no_results: true},
+ '.chosen-select-deselect' : {allow_single_deselect:true},
+ '.chosen-select-no-single' : {disable_search_threshold:10},
+ '.chosen-select-no-results': {no_results_text: "Oops, nothing found!"},
+ '.chosen-select-width' : {width: "95%"}
}
var results = [];
for (var selector in config) {

0 comments on commit a7f9746

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