JS Tooltip help

@mcchalJul 07.2005

Im am looking for help with a script found here:

~~[url]~~http://javascript.internet.com/generators/dhtml-tooltip-generator.html[/url]

The script is fantastic, does exactly what I need, but it doesn’t work in firefox. Can anyone help out a novice?

Much apprech
Mark

to post a comment

JavaScript

@WebnerdJul 07.2005 — #Here's a better one

http://www.nerds.net/scripts/tool_tip.js

@mcchalauthorJul 07.2005 — #Thanks, how do I combine this in my code?

Mark

@WebnerdJul 07.2005 — #Save that code as tooltip.js and use this HTML page

<i>
 </i>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
 "http://www.w3.org/TR/html4/strict.dtd"&gt; 
 
 &lt;head&gt;
 &lt;title&gt;&lt;/title&gt;
 &lt;script type="text/javascript" src="tooltip.js"&gt;&lt;/script&gt;
 &lt;script type="text/javascript"&gt;
 var HelpContext = new Array();
 HelpContext[0] = "Link 1 Text";
 HelpContext[1] = "Link 2 Text";
 &lt;/script&gt;
 &lt;style type="text/css"&gt;
 #divTooltip { position:absolute; top:0px; width:300px; visibility:hidden; z-index:200;  background-color:#99CCFF; layer-background-color:#99CCFF;}
 .normalStyle    {padding:2px; text-align:center; width:300px; color:#000000; top:100px; font-family:arial,helvetica; font-size:9pt; background-color:#99CCFF; layer-background-color:#99CCFF; border-width:1px; border-style:solid; border-color:#000000; cursor:default;  }
 .netscape4Style {padding:0px;  width:300px; color:#000000; top:100px; font-family:arial,helvetica; font-size:9pt; background-color:#99CCFF; layer-background-color:#99CCFF; border:1px solid #000000;}  <br/>
 &lt;/style&gt;
 &lt;/head&gt;
 &lt;body&gt;
 &lt;p&gt;
 &lt;a href="" onmouseout="popOut()" onmouseover="popUp(event,0)"&gt;link here&lt;/a&gt;
 &lt;/p&gt;
 &lt;p&gt;
 &lt;a href="" onmouseout="popOut()" onmouseover="popUp(event,1)"&gt;link here&lt;/a&gt;
 &lt;/p&gt;
 &lt;div id="divTooltip"&gt;&lt;/div&gt;
 &lt;/body&gt;
 &lt;/html&gt;

@mcchalauthorJul 08.2005 — #Thanks, this is much better. It doesn't appear to work when I link to this code in a .js file. Do you know why this is?

Thks

@WebnerdJul 08.2005 — #Which code are you referring to?

@bathurst_guyJul 08.2005 — #You know that you should put a brief description of the image / link in the alt tag, and then if req an extended definition in the longdesc tag... http://www.w3.org/TR/REC-html40/struct/objects.html#adef-longdesc-IMG

JS Tooltip help

6 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

JS Tooltip help

6 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

6 Comments(s) _↴

Also in #JavaScript _↴