Skip to content

Instantly share code, notes, and snippets.

@mafice

mafice/jquery_ui.html

Created March 5, 2012 14:34
Show Gist options
  • Save mafice/1978550 to your computer and use it in GitHub Desktop.
Save mafice/1978550 to your computer and use it in GitHub Desktop.
Download ZIP
try jQuery UI
Raw
jquery_ui.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>try jquery UI</title>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script>
<style>
body{
font-family: sans-serif;
}
</style>
<script>
$(document).ready(function(){
$("button").button();
$("#date").datepicker();
$("#tabs").tabs();
$(".window").dialog();
$("#progressbar").progressbar({value: 10});
});
</script>
</head>
<body>
<div class="window" title="window1">
<div id="progressbar"></div>
<button onClick="$('#progressbar').progressbar({value:90})">Button</button>
<p>date: <input type="text" id="date"></p>
</div>
<div class="window" title="window2">
<div id="tabs">
<ul>
<li><a href="#tab1">tab1</a></li>
<li><a href="#tab2">tab2</a></li>
</ul>
<div id="tab1">
tabtabtab
</div>
<div id="tab2">
batbatbat
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment