2011-11-02 18:46:51 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
< title > jQuery UI Selectmenu - Event functionality< / title >
< link rel = "stylesheet" href = "../../../themes/base/jquery.ui.all.css" >
2011-11-24 10:27:35 +00:00
< script src = "../../../jquery-1.7.1.js" > < / script >
2011-11-02 18:46:51 +00:00
< script src = "../../../ui/jquery.ui.core.js" > < / script >
< script src = "../../../ui/jquery.ui.widget.js" > < / script >
< script src = "../../../ui/jquery.ui.position.js" > < / script >
< script src = "../../../ui/jquery.ui.dialog.js" > < / script >
< script src = "../../../ui/jquery.ui.button.js" > < / script >
< script src = "../../../ui/jquery.ui.menu.js" > < / script >
< script src = "../../../ui/jquery.ui.selectmenu.js" > < / script >
< link rel = "stylesheet" href = "../../../demos/demos.css" >
< script >
2011-11-24 10:27:35 +00:00
$(function() {
$('select#speed').selectmenu();
2011-11-02 18:46:51 +00:00
$( "#dialog" ).dialog();
});
< / script >
< style >
form { margin: 20px 0 0 0 }
fieldset { border: 0; }
label { display: block; }
select { width: 200px; }
< / style >
< / head >
< body >
2011-11-24 10:27:35 +00:00
2011-11-02 18:46:51 +00:00
< div class = "demo" >
2011-11-24 10:27:35 +00:00
< div id = "dialog" title = "Basic dialog" >
2011-11-02 18:46:51 +00:00
< p > Some example content< / p >
< p > < a href = "#nogo" > Test Link< / a > < / p >
< form action = "#" >
< fieldset >
< label for = "speed" > Select a speed:< / label >
< select name = "speed" id = "speed" >
< option value = "Slower" > Slower< / option >
< option value = "Slow" > Slow< / option >
< option value = "Medium" selected = "selected" > Medium< / option >
< option value = "Fast" > Fast< / option >
< option value = "Faster" > Faster< / option >
< / select >
< / fieldset >
< / form >
< / div >
<!-- Sample page content to illustrate the layering of the dialog -->
< div class = "hiddenInViewSource" style = "padding:20px;" >
< p > Sed vel diam id libero < a href = "http://example.com" > rutrum convallis< / a > . Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.< / p >
< form >
< input value = "text input" / > < br / >
< input type = "checkbox" / > checkbox< br / >
< input type = "radio" / > radio< br / >
< select >
< option > select< / option >
< / select > < br / > < br / >
< textarea > textarea< / textarea > < br / >
< / form >
< / div > <!-- End sample page content -->
< / div > <!-- End demo -->
< / body >
< / html >
