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
77 lines
2.3 KiB
HTML
77 lines
2.3 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="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="../src/jquery.multiselect.js"></script>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
|
|
// default
|
|
$("#test-1").multiselect({
|
|
header: true
|
|
});
|
|
|
|
// off
|
|
$("#test-2").multiselect({
|
|
header: false
|
|
});
|
|
|
|
// custom text
|
|
$("#test-3").multiselect({
|
|
header: "Choose options below"
|
|
});
|
|
|
|
});
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<h2>Headers</h2>
|
|
<p>The header option can be used in three ways:</p>
|
|
|
|
<form>
|
|
<h3><code>header: true</code> (default)</h3>
|
|
<select id="test-1" multiple="multiple" 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>
|
|
</select>
|
|
|
|
<h3><code>header: false</code></h3>
|
|
<select id="test-2" multiple="multiple" 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>
|
|
</select>
|
|
|
|
<h3><code>header: "Choose options below"</code></h3>
|
|
<select id="test-3" multiple="multiple" 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>
|
|
</select>
|
|
</form>
|
|
|
|
|
|
</body>
|
|
</html>
|