-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">\r
-<html>\r
-<head>\r
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">\r
- <title>Tips Example</title>\r
- <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />\r
-\r
- <!-- GC -->\r
- <!-- LIBS -->\r
- <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>\r
- <!-- ENDLIBS -->\r
-\r
-\r
- <script type="text/javascript" src="../../ext-all.js"></script>\r
-\r
- <link rel="stylesheet" type="text/css" href="qtips.css" />\r
- <script type="text/javascript" src="qtips.js"></script>\r
-\r
- <style type="text/css">\r
- .tip-target {\r
- width: 100px;\r
- text-align:center;\r
- padding: 5px 0;\r
- border:1px dotted #99bbe8;\r
- background:#dfe8f6;\r
- color: #15428b;\r
- cursor:default;\r
- margin:10px;\r
- font:bold 11px tahoma,arial,sans-serif;\r
- float:left;\r
- }\r
- </style>\r
-\r
- <!-- Common Styles for the examples -->\r
- <link rel="stylesheet" type="text/css" href="../shared/examples.css" />\r
-</head>\r
-<body>\r
-<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->\r
-\r
- <h1>Tips examples</h1>\r
- <p>Note that the js and css is not minified so it is readable. See <a href="qtips.js">qtips.js</a> for the tip creation code\r
- and <a href="qtips.css">qtips.css</a> for the css.</p>\r
-\r
- <h3>Easiest Tip</h3>\r
- <div id="tip1" class="tip-target">Basic ToolTip</div>\r
- <div id="tip2" class="tip-target">autoHide disabled</div>\r
- <div id="ajax-tip" class="tip-target">Ajax ToolTip</div>\r
- <div id="track-tip" class="tip-target">Mouse Track</div>\r
- <div id="tip4" class="tip-target" ext:qtip="My QuickTip">QuickTip</div>\r
-</body>\r
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+ <title>Tips Example</title>
+ <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
+
+ <!-- GC -->
+ <!-- LIBS -->
+ <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
+ <!-- ENDLIBS -->
+
+
+ <script type="text/javascript" src="../../ext-all.js"></script>
+
+ <link rel="stylesheet" type="text/css" href="qtips.css" />
+ <script type="text/javascript" src="qtips.js"></script>
+
+ <style type="text/css">
+ .tip-target {
+ width: 100px;
+ text-align:center;
+ padding: 5px 0;
+ border:1px dotted #99bbe8;
+ background:#dfe8f6;
+ color: #15428b;
+ cursor:default;
+ margin:10px;
+ font:bold 11px tahoma,arial,sans-serif;
+ float:left;
+ }
+ </style>
+
+ <!-- Common Styles for the examples -->
+ <link rel="stylesheet" type="text/css" href="../shared/examples.css" />
+</head>
+<body>
+<script type="text/javascript" src="../shared/examples.js"></script><!-- EXAMPLES -->
+
+ <h1>Tips examples</h1>
+ <p>Note that the js and css is not minified so it is readable. See <a href="qtips.js">qtips.js</a> for the tip creation code
+ and <a href="qtips.css">qtips.css</a> for the css.</p>
+
+ <h3>Easiest Tip</h3>
+ <div id="tip1" class="tip-target">Basic ToolTip</div>
+ <div id="tip2" class="tip-target">autoHide disabled</div>
+ <div id="ajax-tip" class="tip-target">Ajax ToolTip</div>
+ <div id="track-tip" class="tip-target">Mouse Track</div>
+ <div id="tip4" class="tip-target" ext:qtip="My QuickTip">QuickTip</div>
+
+ <div class="x-clear"></div>
+ <h3>Callout Tip</h3>
+ <div id="leftCallout" class="tip-target" style="width: 150px;">Anchor right, rich content</div>
+ <div id="bottomCallout" class="tip-target" style="width: 200px;">Anchor below</div>
+ <div id="trackCallout" class="tip-target" style="width: 150px;">Anchor with tracking</div>
+
+ <div style="display:none;">
+ <div id="content-tip">
+ <ul>
+ <li>5 bedrooms</li>
+ <li>2 bathrooms</li>
+ <li>Large backyard</li>
+ <li>Close to transport</li>
+ </ul>
+ <div class="x-clear"></div>
+ <img src="images/house.jpg" alt="Website Thumbnail" />
+ </div>
+ </div>
+</body>
git.ithinksw.org / extjs.git / blobdiff