tool tip for web page word

[Jaco]

Hello all, first thanks in advance for any help or suggestions.

I am looking to make a special kind of tool tip. The tool tip would become active while mouse_over a word in a web page. The tool tip would contain a short definition and a link to another page for more information.

Any ideas on how to do this?

Thanks,

Jacques

[Ruth]

Hi,

You can use Milonic Tooltips, they work either in the menu or you can put them html page link. I have no idea how you'd put them on just a plain word.

http://milonic.com/tooltips.php

Ruth

[Jaco]

Nope, that's not quite what I am looking for. I want a tooltip yes, but I want the cursor to be able to enter the tooltip just like it enters a sub-menu so that I can have not only text but a link within the tooltip.

This is like a super tooltip that has text and an accessible link within the text.

Jacques

[Ruth]

Hi,

So, why not use a popup menu to do that? You could then just set the menu to type=html; and that will let you put an href link into the text of it.

Ruth

[Jaco]

Hi Ruth, sounds good.

I am looking at the sample code for the popup menu it is based on opening the menu from an image

<img src="/images/transparent.gif" border="1" name="milonicmenu" id="milonicmenu">

If I want to open the menu from a link, should it be:

<a href="#" name="milonicmenu" id="milonicmenu">any text</a>
??

Cheers,

Jacques

[Jaco]

Ok, so I have tried this:

<a href=# onmouseover="popup('off-topic')" onmouseout="popdown()">centrifugal</a>

The 'off-topic' is a menu that is called in the main menu of the web page (http://www.lightmypump.com)

and it's not working. Probably something wrong with the way I call the menu????

Cheers,

Jacques

[Ruth]

Hi,

No, it's because there are two ways to call a pop menu:

1. by a fixed position which means you have to put a top and left into the menu itself. Not an option for you.

2. by an image. This is an option and also allows you to control the menu a bit better.

Try this. You need a 1x1px transparent gif. Then that particular line where the menu is called would look like this

Code: Select all

<P>If your starting from scratch or you want to review what you know, <A 
target=_blank href="http://websites.milonic.com/lightmypump.com/tutorial1.htm">check this out<IMG 
height=42 src="tutorial.jpg" width=21 border=0></A> It will help you 
understand how<img src=transparent.gif border=0 height=1 width=1 name=milonicmenu id=milonicmenu>
<a href="http://websites.milonic.com/lightmypump.com/ 
onmouseover="popup('off-topic','milonicmenu',3,1)" onmouseout=popdown()>
centrifugal</A> pumps and pump systems 
work.</P><BR><BR><BR>

Note that what i did was put the transparent.gif right after the word how eliminating the space that was there originally. On my browser, that just looks like the space is still there, but it's really that transparent image. This is the only way I know for you to do what you want. The menu sample for that is

http://milonic.com/menusample24.php

The sample has put a border around the transparent.gif so you can see it, but in yours I set that to 0 so it doesn't show.

Ruth

[Jaco]

Thanks very much Ruth, I'll give that a try.

cheers,

Jacques

[Jaco]

It's working great, thanks, check it out.

http://www.lightmypump.com

The only thing is that the html code with that code appears briefly at the top of the page as it loads.

Jacques

[Jaco]

Ruth, it seems that this technique works for only one tooltip per web page, the tooltip always opens at the same level as the first transparent image. I tried changing the image names with no success.

Check it out at http://www.lightmypump.com/downloads-free.htm

the 3 words with the tool tip are specific gravity, total head and siphon.

Jacques

[Jaco]

Also, my quick links menu on the same page does not seem to be working very well, I wonder if these things are related?

Jacques

[Ruth]

Hi,

I suggest you put a different name and id on each image since that is what is used to pop the menus. If you look at menusample24.php which is the menu popped up using an image for placement example you'll see that each image is the same but the names and ids are different. For example:

Code: Select all

<img src=/images/transparent.gif border=1 name=milonicmenu id=milonicmenu>
<a href=# 
onmouseover="popup('milonic','milonicmenu')" onmouseout=popdown()><font size=3 color=green>Milonic</font></a>

<img src=/images/transparent.gif border=1 name=partnersmenu id=partnersmenu>
<a href=# onmouseover="popup('partners','partnersmenu')" onmouseout=popdown()><font size=3 color=green>Partners</font></a>

The first is milonicmenu, the second partnersmenu and so on.

Ruth

[Jaco]

Ruth, that's very helpful but there is still one tooltip "performance curves" that acting oddly, it is displaying far to the right.

Also the Quicklinks menu is behaving oddly in Firefox.

Cheers,

Jacques

[Ruth]

Hi,

1st, you need to make sure the name and id are the same, so if name is milonimenu, then id is milonicmenu.

2nd, the problem with the performance one I think has to do with where the transparent image is and that is probably going to depend on the browser resolution. So, at my resolution of 800x600, I get a scroll bar at the bottom of the browser and the pop menu is a little right starting at the middle of the word performance. When i move the scroll bar so the page goes to the left, then that pop menu goes farther right. That tells me that the transparent image is probably at the end of the previous line. Set it as border=1 to test. I think what you may have to do given you are writing in paragraphs and text will wrap depending on resolution and fontsize etc, you need to make a transparent image that is 1px high, but 2px wide and then put a space after the word pump just before the performance thing, and then the image and the word performance with no space between the image and the word performance. That's all I can think to do to keep them together.

3rd, as to the quick links, what exactly is the problem? I'm not seeing any problem. But, I did note that you have a Main Menu two different data files. You should name them differently.

Ruth

[Jaco]

Ruth, I am following all your suggestions, no.2 is proving difficult.

I renamed main Menu in the Quicklinks data file. The Quick links menu in Firefox does not open as soon as you scroll down.

Cheers,

Jacques

[Jaco]

Hi Ruth, I am experiencing the same problem with the scrolling menu on other pages such as:

http://www.lightmypump.com/pump_glossary.htm

when you scroll down the page and try to open the menu it does not open in Firefox, it's OK in IE.

Jacques

[Ruth]

Hi,

That particular data file with the quick links main menu doesn't have the fixMozillaZIndex in it, set that to true and most likely FF will be fixed.

Ruth

[Jaco]

Huuum, I don't remember putting that in, can you remind me please.

What is the code and where in the header should it be located?

Thanks,

Jacques

[Jaco]

I got it.

Thanks.

Jacques