PDA

View Full Version : popup message, mouse rollover text

Dr.Mike
12-07-2002, 11:38 PM
Hi! I've been working on this page for quite some time and I seem to be stuck on this little rollover problem. Throughout the text in the paragraphs, within the body of the document, I want to have popup message windows to appear when the mouse goes over certain words. For example;



"The Message" is an unforgettable voice that has been vindicated to be the absolute authority containing power above all power that once being read or heard, will, beyond a shadow of a doubt, make anyone realize that God himself has come down to speak to a dying generation. God promised to send someone that He would vindicate to carry a message around the globe to warn and prepare us for the closing of history as we know it. He's always done it that way, (Amos3:7) and must continue this way.



The word (Amos3:7) in this case would be the spot where a popup message appears on mouseover telling us what Amos 3:7 is. Can someone please help me with the code for this? I'm using front page 2000. But now that I've started with this new 1st page 2000, I also want to import all my pages and convert them to this new software. thanks to anyone's consideration
Josh
12-07-2002, 11:53 PM
how about using "alt" element,cause a popup window may seem annoying.
<img src="img url" alt='
"The Message" is an unforgettable voice that has been vindicated to be the
absolute authority containing power above all power that once being read or
heard, will, beyond a shadow of a doubt, make anyone realize that God himself
has come down to speak to a dying generation. God promised to send someone
that He would vindicate to carry a message around the globe to warn and prepare
us for the closing of history as we know it. He's always done it that way,
(Amos3:7) and must continue this way.'>
HTH
Zero Angel
12-08-2002, 07:27 AM
There is a great script that can give you control over your 'tooltips' that display onMouseOver. I'd suggest checking out Overlib (http://www.bosrup.com/web/overlib/). I've used this script before and think its great.

Not sure how frontpage handles importing code, and you will have to go into the .js file itself and tweak it to your liking, but if you know how to handle CSS code, you should be more then pleased with the results of this script :).
Dr.Mike
12-11-2002, 02:46 PM
Thank you for the tips. I tried overlib before using Microsoft's front page 2000 and there was no way I could get it to work. Now I'm trying it again with 1st page and I am definitely getting better results. However, I could use a little help. I'm so close but yet there's something I'm overlooking or missing altogether because I keep getting error messages like jw. undefined, or object expected etc. I am attaching a portion of my document hoping that if someone has a look then maybe I can be steered in the right direction. Thank you for your consideration.
Dr. Mike



<html>
<head>
<title>Message of the Hour</title>
</head>
<body>

<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<script language="JavaScript" src="overlib.js"><!--overLIB (c) Erik Bosrup --></script>





A Testimony of a True Witness Behold, I will send you Elijah the prophet before the great and terrible day of the Lord; And He will turn the heart of the fathers to the children and the heart of the
children to their fathers, lest I come and smite the Earth with a curse Our Only Hope? "The Message" is an unforgettable voice that has been vindicated to be the absolute authority containing power
above all power that once being read or \ heard, will, beyond a shadow of a doubt, make anyone realize that God himself has come down to speak to a dying generation. God promised to send someone that
He would vindicate to carry a message around the globe to warn and prepare us for the closing of history as we know it. He's always done it that way, <a href="javascript:void(0)" onmouseover="jw.show(div1,popupObj,text: Surely the Lord God will do nothing, but he revealeth his secret unto his servants the prophets.; captiontext: Amos 3:7;)"
onmouseout="jw.hide(div1)">(Amos 3:7)</a> <br> and must continue this way.
Zero Angel
12-11-2002, 03:54 PM
Try moving <script language="JavaScript" src="overlib.js"><!--overLIB (c) Erik Bosrup --></script> into the head portion of your code.
dabbler
12-12-2002, 04:26 AM
It seems that the initialisation script is in the right place just after the opening <body> tag.
However, to call the js function I used this:

<a href="javascript:void(0);" onmouseover="return overlib('And he is the head of the body, the church', CAPTION, 'Col. 1:18 AV', CENTER);" onmouseout="nd();">Col 1:18</a>

Where 'And he is....' replaces the word 'text', and after the CAPTION call, the next element is the text for the caption.

This worked for me.

Have you got the overLIB.js file in the same folder?
I customised the .js file to put the pop-up box where I wanted it.
You can see the result here (http://www.freewebs.com/cgjg/object.html).

(You have to scroll down the page somewhat before you reach a point where I have used the technique.)

Hope this helps.
dabbler
12-13-2002, 05:52 AM
Point taken, dbindel.

I did consider it, but in the end decided that the use of the overlib was incidental. I may have to reconsider.

At least it worked. - and that was the point made above.

Thanks for your input - I appreciate it, especially from someone whose expertise is evident from viewing your sites. Impressive!