client/player/development-bundle/demos/button/default.html
changeset 1 436d4791d7ac
equal deleted inserted replaced
0:ecdfc63274bf 1:436d4791d7ac
       
     1 <!DOCTYPE html>
       
     2 <html lang="en">
       
     3 <head>
       
     4 	<meta charset="UTF-8" />
       
     5 	<title>jQuery UI Button - Default demo</title>
       
     6 	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
       
     7 	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
       
     8 	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
       
     9 	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
       
    10 	<script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
       
    11 	<link type="text/css" href="../demos.css" rel="stylesheet" />
       
    12 	<script type="text/javascript">
       
    13 	$(function() {
       
    14 		$("button, input:submit, a", ".demo").button();
       
    15 		
       
    16 		$("a", ".demo").click(function() { return false; });
       
    17 	});
       
    18 	</script>
       
    19 	<style>
       
    20 		
       
    21 	</style>
       
    22 </head>
       
    23 <body>
       
    24 
       
    25 <div class="demo">
       
    26 
       
    27 	<button>A button element</button>
       
    28 	
       
    29 	<input type="submit" value="A submit button"/>
       
    30 	
       
    31 	<a href="#">An anchor</a>
       
    32 
       
    33 </div><!-- End demo -->
       
    34 
       
    35 
       
    36 
       
    37 <div class="demo-description">
       
    38 
       
    39 <p>Examples of the markup that can be used for buttons: A button element, an input of type submit and an anchor.</p>
       
    40 
       
    41 </div><!-- End demo-description -->
       
    42 
       
    43 
       
    44 
       
    45 </body>
       
    46 </html>