Metachecker.net
|
FontsMadeEasy.com
|
RankChecker.net
Learn Java Script Today
|
Over 5000 Free Fonts
|
Tutorials
|
Javascript Forum
|
Other Javascript Resources
|
Cheat Sheet
JavaScript Basics
Inserting Javascript
Complete Tutorial
Advance DHTML Tutorial
Script archive
Advanced Tutorials
Alert Scripts
Animation
Audio
Background Effects
Banner Ads
Browser Window
Buttons
Button Forms
Calculcators
Calendars
Clocks & Dates
Cookies
Cursor Effects
DHMTL Games
DHTML Miscellaneous
Equivalents
Forms
Games
IE4+ Scripts
IE5+ Scripts
Image Effects
Image Miscellaneous
Links & Buttons
Math Related
Messages Miscellaneous
Miscellaneous
Mouse Tricks
Navigation
Page Details
Password Protection
Pulldown Menus
Random Stuff
Scrolling
Status Bar
Text Animation
User Detail
User Info
Window Control
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>