You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.6 KiB
56 lines
1.6 KiB
2 years ago
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||
|
|
"http://www.w3.org/TR/html4/strict.dtd">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Dojo Tooltip Widget Demo</title>
|
||
|
|
|
||
|
|
<script type="text/javascript">
|
||
|
|
var djConfig = {isDebug: true, debugAtAllCosts: false };
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<script type="text/javascript" src="../../dojo.js"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
dojo.require("dojo.widget.Tooltip");
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
.tt { border-bottom: 1px dotted black; cursor: pointer; }
|
||
|
|
body .dojoTooltip { color: blue; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<p>Mouse-over the items below to see tooltips:</p>
|
||
|
|
<p>
|
||
|
|
<span id="one" class="tt">text</span>
|
||
|
|
<span dojoType="tooltip" connectId="one">
|
||
|
|
<b>
|
||
|
|
<span style="color: blue;">rich formatting</span>
|
||
|
|
<span style="color: red; font-size: x-large;"><i>!</i></span>
|
||
|
|
</b>
|
||
|
|
</span>
|
||
|
|
|
||
|
|
<a id="three" href="#bogus">anchor</a>
|
||
|
|
<span dojoType="tooltip" connectId="three" caption="inline caption w/fade in" toggle="fade" toggleDuration="500"></span>
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<button id="four">button</button>
|
||
|
|
<span dojoType="tooltip" connectId="four" caption="tooltip on button"></span>
|
||
|
|
|
||
|
|
<img id="five" src="../../tests/widget/images/question.gif"></img>
|
||
|
|
<span dojoType="tooltip" connectId="five" toggle="explode">
|
||
|
|
exploding tooltip
|
||
|
|
</span>
|
||
|
|
|
||
|
|
<select id="six">
|
||
|
|
<option value="alpha">Alpha</option>
|
||
|
|
<option value="beta">Beta</option>
|
||
|
|
<option value="gamma">Gamma</option>
|
||
|
|
<option value="delta">Delta</option>
|
||
|
|
</select>
|
||
|
|
<a dojoType="tooltip" connectId="six" href="../../tests/widget/doc0.html" executeScripts="true"></a>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|
||
|
|
|