summaryrefslogtreecommitdiffstats
path: root/documentation.html
blob: 81646c8d3fe9780df7efb3b38bf47f78418b7481 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html> 
<html> 
  <head> 
    <title>jquery.multi-select.js - Documentation</title>
    <meta name="description" content="Documentation page for jquery.multi-select.js jquery plugin">
    <link href="css/multi-select.css" rel="stylesheet" type="text/css">
    <link href="css/application.css" rel="stylesheet" type="text/css">
    <script type="text/javascript">

      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-23068623-1']);
      _gaq.push(['_setDomainName', '.loudev.com']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();

    </script>
  </head> 
  <body>
    <div id='page'>
      <a href='https://github.com/lou/multi-select/zipball/master' class='download button green'><img src='img/download.png' width='16' height='16'/>Download</a>
      <h1>jquery.multi-select.js</h1>
      <ul id='menu'>
        <li><a href='index.html'>Home</a></li>
        <li>&middot;</li>
        <li><a href='demos.html'>Demos</a></li>
        <li>&middot;</li>
        <li class='active'><a href='documentation.html'>Documentation</a></li>
        <li id='fork-me'>Fork me on <a href='https://github.com/lou/multi-select'>Github</a></li>
      </ul>
      <div>
        <h2>Options</h2>
        <table>
          <tr>
            <th>option</th>
            <th>default</th>
            <th>description</th>
          </tr>
          <tr>
            <td>afterSelect</td>
            <td>function() {}</td>
            <td>Function to call after one option is selected.</td>
          </tr>
          <tr>
            <td>afterDeselect</td>
            <td>function() {}</td>
            <td>Function to call after one option is deselected.</td>
          </tr>
        </table>
        <h2>Methods</h2>
        <p>
          You must init the multiple select by calling $('#my-select').multiSelect() before calling one of the following methods.
        </p>
        <br/>
        <table>
          <tr>
            <th>method</th>
            <th>options</th>
            <th>example</th>
          </tr>
          <tr>
            <td>select</td>
            <td>value</td>
            <td>$('#my-select').multiSelect('select', 'fr');</td>
          </tr>
          <tr>
            <td>deselect</td>
            <td>value</td>
            <td>$('#my-select').multiSelect('deselect', 'fr');</td>
          </tr>
          <tr>
            <td>select_all</td>
            <td>-</td>
            <td>$('#my-select').multiSelect('select_all');</td>
          </tr>
          <tr>
            <td>deselect_all</td>
            <td>-</td>
            <td>$('#my-select').multiSelect('deselect_all');</td>
          </tr>
        </table>
      </div>
    </div>
  </body>
</html>