mirror of
https://github.com/owncloudarchive/contacts.git
synced 2025-02-11 05:54:27 +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
60 lines
1.9 KiB
HTML
60 lines
1.9 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="../src/jquery.multiselect.js"></script>
|
|
<script type="text/javascript" src="assets/prettify.js"></script>
|
|
<script type="text/javascript">
|
|
$(function(){
|
|
|
|
$("select").multiselect({
|
|
multiple: false,
|
|
header: "Select an option",
|
|
noneSelectedText: "Select an Option",
|
|
selectedList: 1
|
|
});
|
|
|
|
});
|
|
</script>
|
|
|
|
</head>
|
|
<body onload="prettyPrint();">
|
|
|
|
<h2>Single Select</h2>
|
|
|
|
<p>Setting the <code>multiple</code> parameter to false will force the widget to use radio buttons instead of checkboxes. I advise using the <code>header</code>
|
|
parameter along with <code>multiple</code> in order to hide/change the "check all"/"uncheck all" links.</p>
|
|
|
|
<pre class="prettyprint">
|
|
$("select").multiselect({
|
|
multiple: false,
|
|
header: "Select an option",
|
|
noneSelectedText: "Select an Option",
|
|
selectedList: 1
|
|
});
|
|
</pre>
|
|
|
|
<form>
|
|
<p>
|
|
<select name="demo">
|
|
<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>
|
|
</p>
|
|
</form>
|
|
|
|
</body>
|
|
</html>
|