forked from lou/multi-select
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (85 loc) · 3.53 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>jquery.multi-select.js - user-friendlier select multiple replacement</title>
<meta name="description" content="A tiny jQuery plugin which make your select with multiple attribute not suck !">
<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 class='active'><a href='index.html'>Home</a></li>
<li>·</li>
<li><a href='demos.html'>Demos</a></li>
<li>·</li>
<li><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>
<h2>Making your <select> with multiple attribute not suck !</h2>
<div id='demo'>
<form>
<select multiple='multiple' class='multiselect'>
<option value='fr'>France</option>
<option value='ca'>Canada</option>
<option value='ar'>Argentina</option>
<option value='pt'>Portugal</option>
<option value='us'>United States</option>
<option value='gb'>United Kingdom</option>
<option value='au'>Australia</option>
<option value='ao'>Angola</option>
<option value='aq'>Antarctica</option>
<option value='bq'>Burkina Faso</option>
<option value='cn'>China</option>
</select>
</form>
</div>
<ul id='features'>
<li>It works in an unobtrusive fashion.</li>
<li>Entirely styleable with CSS.</li>
<li>No extra HTML markup needed.</li>
<li>You can add as many select as you want on a single page.</li>
<li>It provides some callbacks.</li>
<li>Methods can be called from outside.</li>
<li>Entirely open sourced.</li>
<li>Tiny code (< 3KB).</li>
<li>Tested on: Firefox 3/4, chrome 10, safari 5, IE 7/8/9.</li>
<li>Works with jQuery 1.4+</li>
</ul>
<h3>Usage</h3>
<p>
Add a css class to all multiple select you want to customize.<br />
</p>
<pre>
<code class='html'>
<select multiple='multiple' class='your_class'>
<option value='fr'>France</option>
...
</select></code>
</pre>
<p>Add following code to your project</p>
<pre>
<code class='javascript'>
$(function(){
$('.your_class').multiSelect();
});</code>
</pre>
</page>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery.multi-select.js" type="text/javascript"></script>
<script src="js/application.js" type="text/javascript"></script>
</body>
</html>