diff options
| author | Scott Jehl <scott@scottjehl.com> | 2008-12-09 18:00:40 +0000 |
|---|---|---|
| committer | Scott Jehl <scott@scottjehl.com> | 2008-12-09 18:00:40 +0000 |
| commit | 50760d1b3275772343afd0624e99a7eaa1f03391 (patch) | |
| tree | 1673a345ce2d2bb25e15c850d03cd075af25938c /tests/static | |
| parent | dd7332125cc86bd657fd1483ad1f5bc58682f8d6 (diff) | |
| download | jquery-ui-50760d1b3275772343afd0624e99a7eaa1f03391.tar.gz jquery-ui-50760d1b3275772343afd0624e99a7eaa1f03391.zip | |
added demo states page for highlight and error states
Diffstat (limited to 'tests/static')
| -rw-r--r-- | tests/static/highlight_error.html | 97 |
1 files changed, 97 insertions, 0 deletions
diff --git a/tests/static/highlight_error.html b/tests/static/highlight_error.html new file mode 100644 index 000000000..cb7a94851 --- /dev/null +++ b/tests/static/highlight_error.html @@ -0,0 +1,97 @@ +<!html> +<html> + <head> + <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> + <title>Themeroller CSS Framework Demo</title> + <script src="http://ui.jquery.com/js/jquery.js"></script> + <script src="http://www.filamentgroup.com/examples/preloadImages/scripts/preloadCssImages.jQuery_v5.js"></script> + <link rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/trunk/themes/base/ui.core.css" type="text/css" media="screen" /> + <style type="text/css"> + body {font-size: 62.5%; margin: 20px; font-family: Verdana, sans-serif; color: #444;} + h1 {font-size: 1.5em; margin: 1em 0;} + h2 {font-size: 1.3em; margin: 2em 0 .5em;} + h2 a {font-size: .8em;} + p {font-size: 1.2em; } + form {margin: 4em 0;} + div {padding: .2em .5em;} + .ui-icon {float: left; margin-right: .5em;} + + form div.ui-state-error-text {background: none; border: 0;} + </style> + <script type="text/javascript"> + $(function(){ + + + $.preloadCssImages(); + }); + </script> + </head> + <body> + +<h1>ThemeRoller CSS Framework Demo</h1> + + + +<h2>Error State</h2> + +<div class="ui-state-error ui-corner-all" style="width: 420px;"> + <p><span class="ui-icon ui-icon-alert"></span> + <strong>Error:</strong> There is a problem in your form submission!</p> +</div> + +<h2>Highlight State</h2> +<div class="ui-state-highlight ui-corner-all" style="width: 420px;"> + <p><span class="ui-icon ui-icon-info"></span> <strong>Quick Tip!</strong> Hold ctrl while clicking to get contextual helpers.</p> +</div> + + +<form> +<fieldset> +<div> +<label>Text</label> +<input type="text" value="dafs" /> +</div> + +<div> +<label>Text</label> +<input type="text" value="dafs" class="ui-state-error" /> +</div> + +<div> +<input type="radio" /> +<label>Text</label> +</div> + +<div class="ui-state-error-text"> +<input type="radio" /> +<label>Text</label> + +</div> +<div> +<input type="checkbox" class="ui-state-error" /> +<label>Text</label> + +</div> + +<div> +<label>Text</label> +<select class="ui-state-error"> +<option val="dasf">dsaf</option> +<option val="dasf">dsaf</option> +<option val="dasf">dsaf</option> +<option val="dasf">dsaf</option> +</select> + + +</div> + +<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> + <button class="ui-state-default ui-state-disabled ui-corner-all">Disabled</button> +</fieldset> + +</form> + </body> +</html> + + |