Add docs.

1 files changed, 137 insertions, 0 deletions

diff --git a/docs/js/index.js b/docs/js/index.js
new file mode 100644
index 0000000..353c2cf
--- /dev/null
+++ b/docs/js/index.js
@@ -0,0 +1,137 @@
+$(function() {
+    var readme = 'README.md';
+    if (location.href.indexOf('locale=zh_CN') !== -1) {
+        readme = 'README-ZH-CN.md';
+    }
+    Flatdoc.run({
+        fetcher : Flatdoc.file(readme)
+    });
+    $(document).on('flatdoc:ready', function() {
+        $('#e1_t, #e2_t, #e3_t, #e4_t, #e5_t').each(function() {
+            var $this = $(this);
+            $this.html($('#' + $this.attr('id').replace('t', 'f')).html()).find('select').multipleSelect();
+        });
+        $('#e6').find('select').multipleSelect({
+            placeholder: 'Here is the placeholder'
+        });
+        $('#e7').find('select').multipleSelect({
+            width: 460,
+            multiple: true,
+            multipleWidth: 55
+        });
+        $('#e8').find('select').multipleSelect({
+            multiple: true,
+            multipleWidth: 55
+        });
+        $('#e9').find('select').multipleSelect({
+            selectAll: false
+        });
+        
+        $('#e10, #e11, #e12, #e13, #e19').find('select').multipleSelect();
+        $('#setSelectsBtn').click(function() {
+            $('#e10').find('select').multipleSelect('setSelects', [1, 3]);
+        });
+        $('#getSelectsBtn').click(function() {
+            alert('Selected values: ' + $('#e10').find('select').multipleSelect('getSelects'));
+            alert('Selected texts: ' + $('#e10').find('select').multipleSelect('getSelects', 'text'));
+        });
+        $('#enableBtn').click(function() {
+            $('#e11').find('select').multipleSelect('enable');
+        });
+        $('#disableBtn').click(function() {
+            $('#e11').find('select').multipleSelect('disable');
+        });
+        $('#checkAllBtn').click(function() {
+            $('#e12').find('select').multipleSelect('checkAll');
+        });
+        $('#uncheckAllBtn').click(function() {
+            $('#e12').find('select').multipleSelect('uncheckAll');
+        });
+        $("#focusBtn").click(function() {
+            $('#e19').find('select').multipleSelect("focus");
+        });
+        $("#blurBtn").click(function() {
+            $('#e19').find('select').multipleSelect("blur");
+        });
+        $('#refreshAdd').click(function() {
+            var $select = $('#e13').find('select'),
+                $input = $('#refreshInput'),
+                $selected = $('#refreshSelected'),
+                $disabled = $('#refreshDisabled'),
+            value = $.trim($input.val()),
+                $opt = $('<option />', {
+                    value: value,
+                    text: value
+                });
+            if (!value) {
+                $input.focus();
+                return;
+            }
+            if ($selected.is(':checked')){
+                $opt.prop('selected', true);
+            }
+            if($disabled.is(':checked')){
+                $opt.attr('disabled', true);
+            }
+            $input.val('');
+            $select.append($opt).multipleSelect('refresh');
+        });
+        $('#e14').find('select').multipleSelect({
+            filter: true
+        });
+        $('#e15').find('select').multipleSelect({
+            filter: true,
+            multiple: true
+        });
+        var $eventResult = $('#eventResult');
+        $('#e16').find('select').multipleSelect({
+            onOpen: function() {
+                $eventResult.text('Select opened!');
+            },
+            onClose: function() {
+                $eventResult.text('Select closed!');
+            },
+            onCheckAll: function() {
+                $eventResult.text('Check all clicked!');
+            },
+            onUncheckAll: function() {
+                $eventResult.text('Uncheck all clicked!');
+            },
+            onFocus: function() {
+                $eventResult.text('focus!');
+            },
+            onBlur: function() {
+                $eventResult.text('blur!');
+            },
+            onOptgroupClick: function(view) {
+                var values = $.map(view.children, function(child){
+                    return child.value;
+                }).join(', ');
+                $eventResult.text('Optgroup ' + view.label + ' ' + (view.checked ? 'checked' : 'unchecked') + ': ' + values);
+            },
+            onClick: function(view) {
+                $eventResult.text(view.label + '(' + view.value + ') ' + (view.checked ? 'checked' : 'unchecked'));
+            }
+        });
+        $('#e17').find('select').multipleSelect({
+            single: true
+        });
+        $('#e18').find('select').multipleSelect({
+            position: 'top'
+        });
+        $('#e20').find('select').multipleSelect({
+            styler: function(value) {
+                if (value == '1') {
+                    return 'background-color: #ffee00; color: #ff0000;';
+                }
+                if (value == '6') {
+                    return 'background-color: #000; color: #fff;';
+                }
+            }
+        });
+        $('#e21').find('select').multipleSelect({
+            isOpen: true,
+            keepOpen: true
+        });
+    });
+}); 
\ No newline at end of file