diff options
Diffstat (limited to 'apps/it/static/js/ui/demos/tooltip/forms.html')
-rw-r--r-- | apps/it/static/js/ui/demos/tooltip/forms.html | 65 |
1 files changed, 0 insertions, 65 deletions
diff --git a/apps/it/static/js/ui/demos/tooltip/forms.html b/apps/it/static/js/ui/demos/tooltip/forms.html deleted file mode 100644 index ef7f0e2..0000000 --- a/apps/it/static/js/ui/demos/tooltip/forms.html +++ /dev/null @@ -1,65 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <meta charset="utf-8"> - <title>jQuery UI Tooltip - Forms</title> - <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.10.2.js"></script> - <script src="../../ui/jquery.ui.core.js"></script> - <script src="../../ui/jquery.ui.widget.js"></script> - <script src="../../ui/jquery.ui.position.js"></script> - <script src="../../ui/jquery.ui.tooltip.js"></script> - <script src="../../ui/jquery.ui.button.js"></script> - <link rel="stylesheet" href="../demos.css"> - <style> - label { - display: inline-block; width: 5em; - } - fieldset div { - margin-bottom: 2em; - } - fieldset .help { - display: inline-block; - } - .ui-tooltip { - width: 210px; - } - </style> - <script> - $(function() { - var tooltips = $( "[title]" ).tooltip(); - $( "<button>" ) - .text( "Show help" ) - .button() - .click(function() { - tooltips.tooltip( "open" ); - }) - .insertAfter( "form" ); - }); - </script> -</head> -<body> - -<form> - <fieldset> - <div> - <label for="firstname">Firstname</label> - <input id="firstname" name="firstname" title="Please provide your firstname."> - </div> - <div> - <label for="lastname">Lastname</label> - <input id="lastname" name="lastname" title="Please provide also your lastname."> - </div> - <div> - <label for="address">Address</label> - <input id="address" name="address" title="Your home or work address."> - </div> - </fieldset> -</form> - -<div class="demo-description"> -<p>Use the button below to display the help texts, or just focus or mouseover the indivdual inputs.</p> -<p>A fixed width is defined in CSS to make the tooltips look consistent when displayed all at once.</p> -</div> -</body> -</html> |