mirror of
https://github.com/owncloudarchive/contacts.git
synced 2024-12-04 15:24:35 +01:00
8c3d7ccdba
Remove old combobox user bower for onfontresize Add jcrop + md5 Add files to scrutinizer ignore list Remove misplaced text Selected the right MultiSelect library via bower Move bower dependencies to correct location
69 lines
2.4 KiB
HTML
69 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<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="assets/prettify.js"></script>
|
|
<script type="text/javascript" src="../src/jquery.multiselect.js"></script>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
$("select").multiselect();
|
|
});
|
|
</script>
|
|
</head>
|
|
<body id="test" onload="prettyPrint();">
|
|
|
|
<h2>Basic Demos</h2>
|
|
|
|
<p>Both multiselects are created with the following one-liner. Optgroup support is built in out of the box:</p>
|
|
<pre class="prettyprint">
|
|
$(function(){
|
|
$("select").multiselect();
|
|
});
|
|
</pre>
|
|
|
|
<h3>Basic</h3>
|
|
<p>
|
|
<select title="Basic example" multiple="multiple" name="example-basic" size="5">
|
|
<option value="option1">Option 1</option>
|
|
<option value="option2">Option 2</option>
|
|
<option value="option3">Option 3</option>
|
|
<option value="option4">Option 4</option>
|
|
<option value="option5">Option 5</option>
|
|
<option value="option6">Option 6</option>
|
|
<option value="option7">Option 7</option>
|
|
<option value="option8">Option 8</option>
|
|
<option value="option9">Option 9</option>
|
|
<option value="option10">Option 10</option>
|
|
<option value="option11">Option 11</option>
|
|
<option value="option12">Option 12</option>
|
|
</select>
|
|
</p>
|
|
|
|
<h3>With Optgroups</h3>
|
|
<p>Click on an optgroup's heading to toggle the checked state of the entire group.</p>
|
|
<p>
|
|
<select name="example-optgroup" multiple="multiple" size="5">
|
|
<optgroup label="Group One">
|
|
<option value="option1">Option 1</option>
|
|
<option value="option2">Option 2</option>
|
|
<option value="option3">Option 3</option>
|
|
</optgroup>
|
|
<optgroup label="Group Two">
|
|
<option value="option4">Option 4</option>
|
|
<option value="option5">Option 5</option>
|
|
<option value="option6">Option 6</option>
|
|
<option value="option7">Option 7</option>
|
|
</optgroup>
|
|
</select>
|
|
</p>
|
|
|
|
</body>
|
|
</html>
|