Home » Webmaster Tools and Resources » Software & Scripts » JavaScript » Mouse Tricks » [*TITLE HERE*]

Mouse Over Text - Dialogue Box Script

Pop up in a new window when mouse over picture links.

Sample:
Javascript Made Easy!! | Road2webmaster HomePage

Insert this code before </head>

<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 before </body>

<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>

Related Resources: