jquery-ui/tests/static/tabbeddialog.html

53 lines
2.7 KiB
HTML
Raw Normal View History

<!doctype html>
<html>
<head>
<title>jQuery UI Dialog Static Markup Test Page</title>
<link rel="stylesheet" href="../../themes/base/ui.all.css" type="text/css" />
<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
<script type="text/javascript" src="static_helpers.js"></script>
<style type="text/css">
.ui-tabbed-dialog .ui-dialog-titlebar { border: 0; padding: 0; background: none; }
</style>
</head>
<body style="font-size: 62.5%;">
<!-- Dialog -->
<div class="ui-dialog ui-tabbed-dialog ui-widget ui-widget-content ui-corner-all" role="dialog" aria-labelledby="ui-dialog-title-1" style="width: 210px">
<div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
<li class="ui-tabs-selected ui-state-active ui-corner-top"><a href="#fragment-1">First</a></li>
<li class="ui-state-default ui-corner-top"><a href="#fragment-3">Second</a></li>
<li class="ui-state-default ui-state-disabled ui-corner-top"><a href="#fragment-3">Disabled</a></li>
</ul>
<a href="#" class="ui-dialog-titlebar-close ui-corner-all" role="button" title="Close"><span class="ui-icon ui-icon-closethick">Close</span></a>
</div>
<div id="fragment-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sit amet, consectetur adipisicing .
</div>
<div id="fragment-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div id="fragment-3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
<button class="ui-state-default ui-priority-primary ui-corner-all">Primary</button>
<button class="ui-state-default ui-priority-secondary ui-corner-all">Secondary</button>
</div>
<div class="ui-resizable-n ui-resizable-handle"></div>
<div class="ui-resizable-s ui-resizable-handle"></div>
<div class="ui-resizable-e ui-resizable-handle"></div>
<div class="ui-resizable-w ui-resizable-handle"></div>
<div class="ui-resizable-ne ui-resizable-handle"></div>
<div class="ui-resizable-se ui-resizable-handle ui-icon ui-icon-grip-diagonal-se"></div>
<div class="ui-resizable-sw ui-resizable-handle"></div>
<div class="ui-resizable-nw ui-resizable-handle"></div>
</div>
</body>
</html>