Balloon text box on mouse over?

[Suuzie]

Hi everyone. I'm using FrontPage 2002 and am very new to web design but have
got a site up and running which has got a question and answer quiz on 2
separate pages. Not sure if this is possible but.. Is there any way you can
format the question text so that when the mouse hovers over it, it will
display the answer in a balloon type of box (something like screen tips but
bigger)? The address is www.ashburtonfencingclub.org.uk if you need an idea
of what I mean. Any help or ideas would be much appreciated..

 

[Dan L]

Check out this free (donations welcomed) tooltips javascript. One of the
configurable tooltip boxes is a rather large one.

http://www.walterzorn.com/tooltip/tooltip_e.htm

 

[Suuzie]

Thanks for the quick response Dan. I've downloaded the JavaScript file and
printed the instructions but never having edited the HTML in any of my pages,
I'm terrified at the thought - it looks a bit too complicated for a novice!
Is there anything else I can use that will create a large tooltip
automatically and just let me type the text I want in? Something like the
Pixel Persuasion meta tag maker would be brilliant - that was so easy to do..
Am I asking for the moon?

 

[Dan L]

Actually, if you use an anchor with the Title attribute you can type as much
info as you want and the box will expand to ensure all text fits. The
quickest and easiest solution, in my opinion, is using Title, e.g.,

<a title="The answer to this question is "Microsoft". Search for Windows
2000 training and resources in a format that is best suited for your training
needs. Instructor-led courses and self-paced training materials will help you
keep current on Windows 2000 products. With our Find Training and Resources
tool, you can sign up for courses with a training provider in an area near
you, purchase a book, and access the latest Microsoft Official
Courseware.">answer</a>

 

[Suuzie]

Thanks again Dan. Just to clarify (sorry if I sound a bit dense!) - if I add
that whole section from <a ..to a> after the question in the HTML, then edit
it with my own answer, it will create a pop up tool tip when the mouse hovers
over the question?
At the moment the HTML for the first question is as follows:
<div align="center">
<center><table border="0" cellpadding="0" cellspacing="0"
style="border-collapse: collapse" bordercolor="#111111" width="640"
id="AutoNumber12">
<tr>
<td width="37">
<img border="0" src="1.png" width="31" height="30"></td>
<td width="603">
<font face="Verdana" size=3><B><font color="#333333">Name one of any
three weapons used in modern day fencing.</font></B></font></td>
</tr>
</table>

Each question is in a separate table embedded in the main table. If you
could steer me along the right course, it would be much appreciated.

 

[Dan L]

See below in your code. You might want to color the text of the "See answer"
to be something distinctive and noticeable. When they hover over "See
answer", *whatever* you type within the quotes after Title= will appear in
the tool tip box.

 

[Suuzie]

Thanks Dan - you're a star! I will try this tomorrow as a bit late now but
it looks much easier to do than the JavaScript program. What would we all do
without you guys!

 

[Wally S]

The trouble with this is that the balloon only stays on for a few seconds,
not long enough to read such a long text. By the way, the title attribute
also works with the span tag.

Wally S

 

[Wally S]

Here is a tutorial for doing it with CSS:
http://www.communitymx.com/abstract.cfm?cid=4E2C0

Wally S

 

[Trevor L.]

Suzzie,

Have fun with this.

One reply said that the answer only stays for a short time.

However, wz_tooltip doesn't have this problem. I have tried it and I ike it

It may seem a little complicated at first, but just start simple and then
apply other options such as sticky tags, delay, size etc

--
Cheers,
Trevor L.
Website: http://tandcl.homemail.com.au

Thanks Dan - you're a star! I will try this tomorrow as a bit late
now but it looks much easier to do than the JavaScript program. What
would we all do without you guys!

I choose Polesoft Lockspam to fight spam, and you?
http://www.polesoft.com/refer.html

 

[Suuzie]

Thanks Trevor - Dan's suggestion worked a treat but as you say, the box
doesn't stay there for very long. I will use it as an interim measure then I
will try wz_tooltip when I get a bit more confident. Thanks again - I would
have scrapped that idea as too complicated for me but I will give it a go..

 

[Suuzie]

Thanks Wally - I have added this to my favourites and will read through.
You guys are great!

 

[Wally S]

My pleasure.

Wally S

Thanks Wally - I have added this to my favourites and will read through.
You guys are great!

 

[Suuzie]

Hi Trevor - I just wanted to say thank you for spurring me on - the page is
now up and running with wz tooltips and it looks great. Just like you said,
it wasn't that complicated and didn't take long.