Insert HTML code into the tooltip text : Popup ToolTip « Ajax Layer « JavaScript DHTML






  1. JavaScript DHTML
  2. Ajax Layer
  3. Popup ToolTip

Insert HTML code into the tooltip text


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>overLIB - Homepage</title>
</head>

<body>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<script language="JavaScript" src="overlib.js"></script>
<script language="javascript" src="overlib_anchor.js"></script>
<script language="javascript" src="overlib_crossframe.js"></script>
<script language="javascript" src="overlib_cssstyle.js"></script>
<script language="javascript" src="overlib_exclusive.js"></script>
<script language="javascript" src="overlib_followscroll.js"></script>
<script language="javascript" src="overlib_hideform.js"></script>
<script language="javascript" src="overlib_shadow.js"></script>
<script language="javascript" src="overlib_centerpopup.js"></script>

<a href="javascript:void(0);" 
   onmouseover="return overlib('For example, a list:&lt;UL>&lt;LI&gt;Item 1&lt;LI&gt;Item 2&lt;LI&gt;Item 3&lt;/UL&gt;');" 
   onmouseout="return nd();"&gt;html>asdf</a> 



</body>
</html>








overlib421.zip( 67 k)

Related examples in the same category

1.Tooltip with caption
2.With caption 2
3.Plain popup
4.With simple caption
5.STICKY tooltips
6.overLIB: other side of the mouse
7.overLIB: snapping to a grid
8.overLIB: fixating the position
9.overLIB: all the features
10.overLIB - link
11.[DOM Tooltip] Example 1: Native Tooltips
12.[DOM Tooltip] Example 2: Basic Features
13.[DOM Tooltip] Example 3: Styled Tooltips (overlib style)
14.[DOM Tooltip] Example 3: Styled Tooltips (overlib style with caption)
15.[DOM Tooltip] Example 3: Styled Tooltips (nicetitles style)
16.[DOM Tooltip] Example 4: Behavior Options (Click to stick)
17.[DOM Tooltip] Example 4: Behavior Options (Custom close link)
18.[DOM Tooltip] Example 4: Behavior Options for a text field
19.[DOM Tooltip] Example 5: Advanced Features (Snap to grid)
20.[DOM Tooltip] Example 5: Advanced Features (Tooltip fading in)
21.[DOM Tooltip] Example 5: Advanced Features (Lazy trailing)
22.[DOM Tooltip] Example 5: Advanced Features (One tooltip only)
23.[DOM Tooltip] Example 6: XHTML Content(display an image inside a window)
24.[DOM Tooltip] Example 6: XHTML Content with image
25.[DOM Tooltip] Example 6: XHTML Content(Open an Inline window)
26.[DOM Tooltip] Example 6: XHTML Content
27.[DOM Tooltip] Example 7: Object Detection (DOM Tooltip can hunt down and hide these elements that cannot be overlapped)
28.[DOM Tooltip] Example 8: Custom Context Menu
29.[DOM Tooltip] Example 10: Onload PopIn
30.[DOM Tooltip] Example 13: Nested Tooltips
31.[DOM Tooltip] Example 14: Positioning
32.[DOM Tooltip] Example 9: Auto-Generated Tips (black background)
33.[DOM Tooltip] Example 9: Auto-Generated Tips with URL
34.[DOM Tooltip] Example 9: Auto-Generated Tips(a long paragraph)
35.Custom tooltip style
36.TextField ToolTip