Source Code - JsMadeEasy.com

Metachecker.net

|

FontsMadeEasy.com

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial


Mouse Over Text - Dialogue Box (Frames)	[View Sample]
Mouse Over Text - Dialogue Box (Frames).You will need to change FRAME_NAME at the bottom of head to the name of the frame that the dialogue box is located.



Insert into <HEAD>
<SCRIPT Language="JavaScript"> <!-- Hide from old browsers // Copyright © 1999 Doug Popeney // Created by Doug Popeney (easyjav@easyjavascipt.com) // JavaScript Made Easy!! - http://www.easyjavascript.com 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 ){ parent.FRAME_NAME.document.tooltipsform.tips.value=(ToolTips[imgIndex]); } // end hide --> </Script>

Insert into <BODY>
<FORM NAME='tooltipsform'> <INPUT TYPE="text" NAME="tips" SIZE="70" value="MAIN DESCRIPTION"> </FORM> <A HREF="LINK" onMouseOver="writeTip(#);return true" onMouseOut="writeTip(2)">DESCRIPTION OF LINK</A> <A HREF="LINK" onMouseOver="writeTip(#);return true" onMouseOut="writeTip(3)">DESCRIPTION OF LINK</A>

Other Options
Put this info in the head tag of your frame that will have the links. You will need to change FRAME_NAME at the bottom of the following to the name of the frame that the dialogue box is located. <SCRIPT Language="JavaScript"> <!-- Hide from old browsers // Copyright © 1999 Doug Popeney // Created by Doug Popeney (easyjav@easyjavascipt.com) // JavaScript Made Easy!! - http://www.easyjavascript.com 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 ){ parent.FRAME_NAME.document.tooltipsform.tips.value=(ToolTips[imgIndex]); } // end hide --> </Script> Now put this somewhere in the same page. <A HREF="LINK" onMouseOver="writeTip(#);return true" onMouseOut="writeTip(1)">DESCRIPTION OF LINK</A> <A HREF="LINK" onMouseOver="writeTip(#);return true" onMouseOut="writeTip(1)">DESCRIPTION OF LINK</A> Put this in the page that you want the dialogue box to go. <FORM NAME='tooltipsform'> <INPUT TYPE="text" NAME="tips" SIZE="70" value="MAIN DESCRIPTION"> </FORM> Now, change all the uppercase info in the script in the head tags and the last part that you entered. Also change the "#" to the appropriate number. The first link will be "2" and the next will be "3". Never change the line "onMouseOut=writeTip(1)" To add another link add this line in the head tag with the ones that look like it. ToolTips[4] = "DESCRIPTION #3"; and this line anywhere in your page. <A HREF="LINK" onMouseOver="writeTip(#);return true" onMouseOut="writeTip(1)">DESCRIPTION OF LINK</A>