jquery-ui/tests/static/slider.html

<!doctype html>
<html>
<head>
	<title>jQuery UI Slider Static Markup Test Page</title>
	<link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css" />
	<link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />
	<link rel="stylesheet" href="../../themes/base/ui.allplugins.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-slider {margin: 2em 0;}
	</style>
</head>
<body style="font-size: 62.5%;">

<!-- Slider: horizontal -->
<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
	<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 15%;"></a>
	<a href="#" class="ui-slider-handle ui-state-default ui-corner-all"  style="left: 30%;"></a>	
	<div class="ui-slider-range ui-widget-header" style="left: 15%; width: 15%;"></div>
</div>

<!-- Slider: vertical -->
<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all" style="height: 100px;">
	<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 15%;"></a>
	<a href="#" class="ui-slider-handle ui-state-default ui-corner-all"  style="top: 60%;"></a>	
	<div class="ui-slider-range ui-widget-header" style="top: 15%; height: 45%;"></div>
</div>

</body>
</html>
set svn:eol-style to native 2008-12-05 20:19:46 +00:00			`<!doctype html>`
			`<html>`
			`<head>`
			`<title>jQuery UI Slider Static Markup Test Page</title>`
separated head links to ui.core.css, ui.theme.css, and ui.allplugins.css for TR bookmarklet compatibility. 2008-12-16 22:52:53 +00:00			`<link rel="stylesheet" href="../../themes/base/ui.core.css" type="text/css" />`
			`<link rel="stylesheet" href="../../themes/base/ui.theme.css" type="text/css" title="ui-theme" />`
			`<link rel="stylesheet" href="../../themes/base/ui.allplugins.css" type="text/css" />`
temporarily switched back to 1.2.6 2009-01-08 05:39:38 +00:00			`<script type="text/javascript" src="../../jquery-1.2.6.js"></script>`
added hover states to static pages. 2008-12-09 18:25:09 +00:00			`<script type="text/javascript" src="static_helpers.js"></script>`
			`<style type="text/css">`
			`.ui-slider {margin: 2em 0;}`
			`</style>`
set svn:eol-style to native 2008-12-05 20:19:46 +00:00			`</head>`
set body font size to 62.5% on demos to make things a bit more pleasing to look at removed h1's on demo pages 2008-12-08 21:34:19 +00:00			`<body style="font-size: 62.5%;">`
set svn:eol-style to native 2008-12-05 20:19:46 +00:00
tests/static: whitespace and formatting 2008-12-12 02:31:34 +00:00			`<!-- Slider: horizontal -->`
Updated #3650: noted that "ui-slider-horizontal" class is on hz slider css change: slider handles are centered over range start and end points 2008-12-12 15:53:54 +00:00			`<div class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">`
set svn:eol-style to native 2008-12-05 20:19:46 +00:00			`<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 15%;"></a>`
			`<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="left: 30%;"></a>`
Changed slider range and progressbar value divs to use ui-widget-header instead of ui-state-default in static pages. Two main reasons: our clickable state is misleading on these static elements, and our header state tends to get better contrast over content areas than our buttons do (this is subjective to the theme designer of course). Scripting should be updated to follow. 2008-12-19 15:13:27 +00:00			`<div class="ui-slider-range ui-widget-header" style="left: 15%; width: 15%;"></div>`
set svn:eol-style to native 2008-12-05 20:19:46 +00:00			`</div>`

tests/static: whitespace and formatting 2008-12-12 02:31:34 +00:00			`<!-- Slider: vertical -->`
set svn:eol-style to native 2008-12-05 20:19:46 +00:00			`<div class="ui-slider ui-slider-vertical ui-widget ui-widget-content ui-corner-all" style="height: 100px;">`
			`<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 15%;"></a>`
			`<a href="#" class="ui-slider-handle ui-state-default ui-corner-all" style="top: 60%;"></a>`
Changed slider range and progressbar value divs to use ui-widget-header instead of ui-state-default in static pages. Two main reasons: our clickable state is misleading on these static elements, and our header state tends to get better contrast over content areas than our buttons do (this is subjective to the theme designer of course). Scripting should be updated to follow. 2008-12-19 15:13:27 +00:00			`<div class="ui-slider-range ui-widget-header" style="top: 15%; height: 45%;"></div>`
set svn:eol-style to native 2008-12-05 20:19:46 +00:00			`</div>`
uncommented different widget examples in demo pages. 2008-12-09 18:11:35 +00:00
set svn:eol-style to native 2008-12-05 20:19:46 +00:00			`</body>`
			`</html>`