JavaScript Mouse Over Text - Dialogue Box

JavaScript mouse over the text link will display the relevant words in the dialogue box. This code can be used to explain the web link or page content to users before they visit.

Script Demo:

Demo

JavaScript Code:

Insert this code into <head> tags

<script language="javascript">
<!-- Hide from old browsers


var sid="mitnamdliw_wildmantim";
//Array function compatible with Netscape 2.0x and 3.0x
function MakeArray(n) {
   this.length = n;
   for (var i = 1; i <= n; i++) {
     this[i] = 0 }
     return this
     }
//create an array to store tips
//each button in the graphic requires an entry here
var ToolTips = new MakeArray(1);
        ToolTips[0] = 1; //number of tips
        ToolTips[1] = "MAIN DESCRIPTION";
        ToolTips[2] = "DESCRIPTION #1";
        ToolTips[3] = "DESCRIPTION #2";

function writeTip(imgIndex ){
      document.tooltipsform.tips.value=(ToolTips[imgIndex]);
}


// end hide -->
</script>

Insert this code into <body> tags

<FORM NAME='tooltipsform'>
<INPUT TYPE="text" NAME="tips" SIZE="70" value="Put your mouse over the links to see information about them.">
</FORM>
<CENTER>
<A class=source HREF="/ie5.htm" onMouseOver="writeTip(1);return true" onMouseOut="writeTip(3)">Javascript Made Easy!!</A> |
<A class=source HREF="/index.htm" onMouseOver="writeTip(2);return true" onMouseOut="writeTip(3)">Road2webmaster HomePage</A>
</CENTER>

Instruction:

Webmaster » Web Programming » JavaScript » Mouse Over Script » Text - Dialogue Box

Related Links:

Home | Sitemap | Bookmark This Page

Sponsored Links

Recommended Links