tool tip for web page word
tool tip for web page word
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
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
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
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
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
This is like a super tooltip that has text and an accessible link within the text.
Jacques
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
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
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
<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
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
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
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>
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
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
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
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
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
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:
The first is milonicmenu, the second partnersmenu and so on.
Ruth
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>
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
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
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
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