Commit message (Expand) | Author | Age | Files | Lines | |
---|---|---|---|---|---|
* | Demos: Add device-width viewport meta to all demos | Jörn Zaefferer | 2015-09-30 | 1 | -0/+1 |
* | Selectable: Update demos to use AMD | Alexander Schmitz | 2015-07-21 | 1 | -8/+2 |
* | Build: Reorganize external directory | Scott González | 2014-06-24 | 1 | -1/+1 |
* | All: Rename jquery.js to exclude version in filename | Jörn Zaefferer | 2014-03-05 | 1 | -1/+1 |
* | All: Rename all files, removing the "jquery.ui." prefix; | Rafael Xavier de Souza | 2014-01-24 | 1 | -5/+5 |
* | Updating jQuery to 1.10.2. | Bruno M. Custódio | 2013-07-05 | 1 | -1/+1 |
* | Updating 'jQuery' to 1.9.1. | Bruno M. Custódio | 2013-02-05 | 1 | -1/+1 |
* | Updating to jQuery 1.9.0 | Kris Borchers | 2013-01-17 | 1 | -1/+1 |
* | Upgrade jQuery to 1.8.3. | Scott González | 2012-11-14 | 1 | -1/+1 |
* | Upgrade jQuery to 1.8.2. | Scott González | 2012-09-20 | 1 | -1/+1 |
* | Demos: Cleanup. | Scott González | 2012-09-10 | 1 | -11/+4 |
* | Upgrade jQuery to 1.8.0. | Scott González | 2012-08-13 | 1 | -1/+1 |
* | Upgrade jQuery to 1.7.2. | Scott González | 2012-03-22 | 1 | -1/+1 |
* | Upgrade jQuery to 1.7.1. | Scott González | 2011-11-22 | 1 | -1/+1 |
* | Upgrade jQuery to 1.7. | Scott González | 2011-11-09g { color: #dd7700 } /* Name.Variable.Global */
.highlight .vi { color: #3333bb } /* Name.Variable.Instance */
.highlight .vm { color: #336699 } /* Name.Variable.Magic */
.highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Controlgroup - Split Button</title>
<link rel="stylesheet" href="../../themes/base/all.css">
<link rel="stylesheet" href="../demos.css">
<style>
.ui-button-icon-only.demo-splitbutton-select {
width: 1em;
}
</style>
<script src="../../external/requirejs/require.js"></script>
<script src="../bootstrap.js" data-modules="button checkboxradio selectmenu">
$( "select" ).selectmenu({
classes: {
"ui-selectmenu-button": "ui-button-icon-only demo-splitbutton-select"
},
change: function(){
$( ".output" ).append( "<li>" + this.value + "</li>" );
}
});
$( ".controlgroup" ).controlgroup();
$( "button" ).on( "click", function() {
$( ".output" ).append( "<li>Running Last Action...</li>" );
});
</script>
</head>
<body>
<div class="widget">
<h1>Split button</h1>
<div class="controlgroup">
<button>Run last option</button>
<select>
<option>Open...</option>
<option>Save</option>
<option>Delete</option>
</select>
</div>
<br>
<h3>Output:</h3>
<ul class="output"></ul>
</div>
<div class="demo-description">
<p>A controlgroup creating a split button, by combining a button and a selectmenu. We adjust the classes option on the selectmenu to show only the icon</p>
</div>
</body>
</html>
|