mirror of
https://github.com/jquery/jquery-ui.git
synced 2026-04-20 03:02:41 -04:00
Merged in /branches/dev r3251:3620 (excluding autocomplete, modal, tooltip, menu; including menu static tests).
This commit is contained in:
129
tests/static/button/default.html
Normal file
129
tests/static/button/default.html
Normal file
@@ -0,0 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Button Static Test : Default</title>
|
||||
<link rel="stylesheet" href="../static.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
|
||||
<script type="text/javascript" src="../static.js"></script>
|
||||
<style>
|
||||
div { margin: 0 0 1em; }
|
||||
h2 { margin: 2em 0 1em; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h2>Using button elements</h2>
|
||||
|
||||
<div>
|
||||
<button class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all">
|
||||
<span class="ui-button-text">Button</span>
|
||||
</button>
|
||||
|
||||
<button class="ui-button ui-button-icon-only ui-widget ui-state-default ui-corner-all" title="Button">
|
||||
<span class="ui-button-icon-primary ui-icon ui-icon-locked"></span>
|
||||
<span class="ui-button-text">Button</span>
|
||||
</button>
|
||||
|
||||
<button class="ui-button ui-button-text-icon ui-widget ui-state-default ui-corner-all">
|
||||
<span class="ui-button-icon-primary ui-icon ui-icon-locked"></span>
|
||||
<span class="ui-button-text">Button</span>
|
||||
</button>
|
||||
|
||||
<button class="ui-button ui-button-text-icons ui-widget ui-state-default ui-corner-all">
|
||||
<span class="ui-button-icon-primary ui-icon ui-icon-gear"></span>
|
||||
<span class="ui-button-text">Button</span>
|
||||
<span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span>
|
||||
</button>
|
||||
|
||||
<button class="ui-button ui-button-icons-only ui-widget ui-state-default ui-corner-all">
|
||||
<span class="ui-button-icon-primary ui-icon ui-icon-gear"></span>
|
||||
<span class="ui-button-text">Button</span>
|
||||
<span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<h2>Using anchor elements</h2>
|
||||
|
||||
<div>
|
||||
<a href="#" class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all">
|
||||
<span class="ui-button-text">Button</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="ui-button ui-button-icon-only ui-widget ui-state-default ui-corner-all" title="Button">
|
||||
<span class="ui-button-icon-primary ui-icon ui-icon-locked"></span>
|
||||
<span class="ui-button-text">Button</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="ui-button ui-button-text-icon ui-widget ui-state-default ui-corner-all">
|
||||
<span class="ui-button-icon-primary ui-icon ui-icon-locked"></span>
|
||||
<span class="ui-button-text">Button</span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="ui-button ui-button-text-icons ui-widget ui-state-default ui-corner-all">
|
||||
<span class="ui-button-icon-primary ui-icon ui-icon-gear"></span>
|
||||
<span class="ui-button-text">Button</span>
|
||||
<span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span>
|
||||
</a>
|
||||
|
||||
<a href="#" class="ui-button ui-button-icons-only ui-widget ui-state-default ui-corner-all">
|
||||
<span class="ui-button-icon-primary ui-icon ui-icon-gear"></span>
|
||||
<span class="ui-button-text">Button</span>
|
||||
<span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<h2>Using label elements (used when proxying to radio or check inputs)</h2>
|
||||
|
||||
<div>
|
||||
<label class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all">
|
||||
<span class="ui-button-text">Button</span>
|
||||
</label>
|
||||
|
||||
<label class="ui-button ui-button-icon-only ui-widget ui-state-default ui-corner-all" title="Button">
|
||||
<span class="ui-button-icon-primary ui-icon ui-icon-locked"></span>
|
||||
<span class="ui-button-text">Button</span>
|
||||
</label>
|
||||
|
||||
<label class="ui-button ui-button-text-icon ui-widget ui-state-default ui-corner-all">
|
||||
<span class="ui-button-icon-primary ui-icon ui-icon-locked"></span>
|
||||
<span class="ui-button-text">Button</span>
|
||||
</label>
|
||||
|
||||
<label class="ui-button ui-button-text-icons ui-widget ui-state-default ui-corner-all">
|
||||
<span class="ui-button-icon-primary ui-icon ui-icon-gear"></span>
|
||||
<span class="ui-button-text">Button</span>
|
||||
<span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span>
|
||||
</label>
|
||||
|
||||
<label class="ui-button ui-button-icons-only ui-widget ui-state-default ui-corner-all">
|
||||
<span class="ui-button-icon-primary ui-icon ui-icon-gear"></span>
|
||||
<span class="ui-button-text">Button</span>
|
||||
<span class="ui-button-icon-secondary ui-icon ui-icon-triangle-1-s"></span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
|
||||
<h2>Button Sets</h2>
|
||||
|
||||
<div class="ui-button-set">
|
||||
<button class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-left"><span class="ui-button-text">Simple button</span></button>
|
||||
<button class="ui-button ui-button-text-only ui-widget ui-state-default"><span class="ui-button-text">Simple button</span></button>
|
||||
<button class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-right"><span class="ui-button-text">Simple button</span></button>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script>
|
||||
<script>
|
||||
$('<div/>').css({
|
||||
position: "absolute",
|
||||
right: 10,
|
||||
top: 10
|
||||
}).appendTo(document.body).themeswitcher();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
38
tests/static/menu/default.html
Normal file
38
tests/static/menu/default.html
Normal file
@@ -0,0 +1,38 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Menu Static Test : Default</title>
|
||||
<link rel="stylesheet" href="../static.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.base.css" type="text/css" />
|
||||
<link rel="stylesheet" href="../../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
|
||||
<script type="text/javascript" src="../../../jquery-1.3.2.js"></script>
|
||||
<script type="text/javascript" src="../static.js"></script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<ul role="menu" aria-activedescendant="ui-active-menuitem" class="ui-menu ui-widget ui-widget-content ui-corner-bottom">
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Aberdeen</a></li>
|
||||
<li class="ui-menu-item" role="menuitem" id="ui-active-menuitem"><a href="#" tabindex="-1" class="ui-state-hover ui-corner-all">Ada</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Adamsville</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Addyston</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Adelphi</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Adena</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Adrian</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Akron</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Albany</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Alexandria</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Alger</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Alledonia</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Alliance</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Alpha</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Alvada</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Alvordton</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Amanda</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Amelia</a></li>
|
||||
<li class="ui-menu-item" role="menuitem"><a href="#" tabindex="-1" class="ui-corner-all">Amesville</a></li>
|
||||
</ul>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user