tootips

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:21

tootips

Poster: christopherO
Dated: Wednesday December 21 2005 - 15:02:03 GMT

I have followed the directions but cannot get the tool tips to show on site [http://www.malikonline.co.uk]

In the head/head section I have put:
<script type="text/javascript" src="milonictooltips.js"></script>
(I renamed the js file for easy identification)

In the menu I have added a couple of example tips to test and get started:

with(milonic=new menuname("Hair1")){
style=background;
aI("text=Hair - human;url=store.php?crn=222;tooltip=A beautiful range of wigs and hair pieces<br>made from human hair - please click here wait for us to search and display the products;");
aI("text=Hair - synthetic;url=store.php?crn=224;tooltip=A beautiful range of synthetic wigs and hair pieces<br>- please click here wait for us to search and display the products;");
aI("text=Clips & Accessories;url=store.php?crn=206;");

They do not show - what have I missed???

tooltips

Poster: Migru
Dated: Wednesday December 21 2005 - 15:39:36 GMT

Hi

don´t put this file into the head section. Place it after the other menu-definition files, which should be placed just after the body tag.

<body>
javaScript....milonic files
javaScript....menu_data file
<SCRIPT language=JavaScript src="tooltips.js" type=text/javascript></SCRIPT>

This should work
Michael

Poster: christopherO
Dated: Wednesday December 21 2005 - 17:10:39 GMT

Thanks for the fast response.
I had all my Milonic script in the head section.
I have moved these to the BODY section and added the tooltips line as recommended:

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script type="text/javascript" src="milonic_src.js"></script>
<script type="text/javascript">
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>");
</script>
<script type="text/javascript" src="menu_data.js"></script>
SCRIPT language=JavaScript src="milonictooltips.js" type=text/javascript></SCRIPT>

Unfortunately the tips still do not appear.
These should be at
Afro Caribbean Shop > Hair Wigs Etc > Hair - human & Hair - synthetic

There must be something simple that I am doing wrong?

Thanks

Chris

tooltip

Poster: Migru
Dated: Wednesday December 21 2005 - 17:30:16 GMT

Hi

try if this works:

ai=("...........;onfunction=showtip('text');url=filepath/file;");

Michael

Poster: Andy
Dated: Wednesday December 21 2005 - 17:50:16 GMT

I've just posted a demo of the new tooltips at http://www.milonic.com/tooltips.php

Still no Docs yet, should be tomorrow but you can do a view source.

Just make sure that you download the new menu and the new tooltips.js file.

Hope this helps,
Andy

tooltips

Poster: Migru
Dated: Wednesday December 21 2005 - 17:55:46 GMT

Great !!!!!!!!!!!!

Michael

Poster: christopherO
Dated: Thursday December 22 2005 - 12:18:05 GMT

Migru

Thanks for the tip. Sadly I still have a problem getting it to show.

I have added the following item to my menu in the form you suggested (I hope I got this right):

aI=("text=Hair - human;onfunction=showtip('A beautiful range of wigs and hair pieces<br>made from human hair - please click here wait for us to search and display the products');url=store.php?crn=222;");

The item shows on the menu -- but not the tool tip. I have to admit to getting just a little frustrated

Thanks

tooltips

Poster: Migru
Dated: Thursday December 22 2005 - 13:36:47 GMT

Test result:

Your syntax you are using
- in submenu "Afro Caribbean shop" and there
- sub Hair Wigs etc the first two sub items

a) hair human and
b) hair syntetic

is correct.

The tooltips pop up on my monitor, when I am running the testpage using
Standard HTML setup as follows

Code:

<HTML>
<HEAD>
   <TITLE>tooltips test</TITLE>
</HEAD>
<BODY>
<SCRIPT language=JavaScript src="milonic_src.js" type=text/javascript></SCRIPT>
<script language=JavaScript>
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=mmenudom.js><\/scr"+"ipt>"); </script>
<SCRIPT language=JavaScript src="menu_data.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript src="tooltips.js" type=text/javascript></SCRIPT>

<BR>
<BR>
<BR>
<FONT SIZE="-2" FACE="Arial">
<A HREF="http://www.milonic.com/">JavaScript Menu Courtesy of Milonic.com<!--/SELECTION--></A></FONT>

</BODY>
</HTML>

Pls take care that you are using the newest tooltips.js code.
For testing only, I downloaded your menu_data.js file, made a simple HTML file as listed above and there, the tooltips worked as reported.
There may be some other syntax errors with regard to tooltips in other submneu items, so pls. look into that.

Michael

Poster: christopherO
Dated: Friday December 23 2005 - 8:59:07 GMT

I have spent a lot of time trying to resolbe this without success.
So I have created a 'MINIMALIST' page :
http://www.malikonline.co.uk/indextest.php with no possibility of conflicting scripts.

The html is:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Malik Stores Online</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="squirrelcart/themes/squirrelcart/store.css" rel="stylesheet" type="text/css">
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<script type="text/javascript" src="milonic_src.js"></script>
<script type="text/javascript">
if(ns4)_d.write("<scr"+"ipt type=text/javascript src=mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt type=text/javascript src=mmenudom.js><\/scr"+"ipt>");
</script>
<script type="text/javascript" src="menu_data2.js"></script>
<SCRIPT language=JavaScript src="milonictooltips.js" type=text/javascript></SCRIPT>
</body>
</html>

Then I created a new menu_data2 with just one menu column to reduce the possibility of syntax errors.
This is:

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
itemheight=25;
itemwidth=183;
left=0;
orientation="horizontal";
overflow="scroll";
followscroll=0;
style=background;
top=0;
aI("bgimage=images/xp_button_turq.gif;image=images/xp_eject.gif;overbgimage=images/xp_button_purpon.gif;showmenu=AfroShop;text=Afro-Caribbean SHOP;");
}

with(milonic=new menuname("AfroShop")){
alwaysvisible=0;
itemheight=25;
itemwidth=182;
orientation="vertical";
overflow="scroll";
style=background;
top=32;

aI("showmenu=Hair1;status=Solutions, as used by Milonic;text=Hair, Wigs, etc;");
}
with(milonic=new menuname("Hair1")){
style=background;
overflow="scroll";
aI("text=Hair - human;url=store.php?crn=222;tooltip=A beautiful range of wigs and hair pieces<br>made from human hair - please click here wait for us to search and display the products;tipdelay=200;tipfollow=1;");
aI("text=Hair - synthetic;url=store.php?crn=224;tooltip=A beautiful range of synthetic wigs and hair pieces<br>- please click here wait for us to search and display the products;tipdelay=200;tipfollow=1;");
}

drawMenus();
Yet I still do not get the tooltips working!

Test - minimalist page

Poster: Migru
Dated: Friday December 23 2005 - 9:28:19 GMT

Tested your files in my PC
had to add the reference to Milonic to make it work with my milonic files.
Even have made a copy of my tooltips.js, to have it named as you do.

I´m using FF 1.5 and IE 6.01, the two tooltips both are visible not only using one of these browsers but in Opera 8.5 too!!

So this code is ok, too.
Do you have a license and really the latest version 5-738 ?

Michael

Poster: christopherO
Dated: Friday December 23 2005 - 10:11:15 GMT

Yes - I am licenced for this domain - which is why the menu does not have a return to Milonic; and I am using version 5.735 of November 16, 2005 so that should be OK?

It feels that I cannot use the tooltips [but that's ridiculous] - I just don't know what I can do to resolve this but many thanks for all your time and help.

Version

Poster: Migru
Dated: Friday December 23 2005 - 10:18:22 GMT

Hi

This is the reason, I think, why this code is not working within your files setup. There were some modifications in the past versions. When I introduced some tooltips e.g. , that worked only using the code ....onfunction=showtip..etc. . as I noted earlier.
I did not test it using the 5-735 files but 738 only.

Michael

Poster: christopherO
Dated: Friday December 23 2005 - 10:24:55 GMT

Migru

I have downloaded the latest version and it works!!

Perhaps Milonic should put a note with tooltips download that this version is needed?

Many thanks

Versions

Poster: Migru
Dated: Friday December 23 2005 - 10:33:44 GMT

Please do not blame Milonic,
they are doing an excellent job for an excellent product, and if you go through this forum, you get so many hints and indirect replies to most of your questions. And it is most difficult, to develop a product and improve it permanently, when the requirements by software, operating systems and users are growing permanently too. And I think, that somewhere you can read, that always the latest version only can be subject of any support to be expected !

Michael

Poster: christopherO
Dated: Friday December 23 2005 - 12:04:38 GMT

Please don't misunderstand me - it was intended as a recommendation to help users. I am also very impressed with Milonic and consider this one of the best investments I have made.

Poster: John
Dated: Saturday December 24 2005 - 0:42:12 GMT

christopherO wrote:

Perhaps Milonic should put a note with tooltips download that this version is needed?

From the top of the tooltips file itself...

Quote:

Milonic DHTML Menu Tooltips Module tooltips.js version 2.1 - 20th December 2005
This module is only compatible with the Milonic DHTML Menu version 5.738 or higher

Tooltips

Poster: Kristamk2447
Dated: Friday December 30 2005 - 20:57:15 GMT

Just a suggestion if you cannot get the Tooltips to work.
Link removed by Moderator

no alternative

Poster: Migru
Dated: Friday December 30 2005 - 22:03:47 GMT

Hi

Thats not an alternative !!
We talk about a menu system, tooltips are accessory parts.
And you are not following rules of this forum.

Michael

Tooltips

Poster: Kristamk2447
Dated: Friday December 30 2005 - 22:07:27 GMT

Yikes, my apologies. Yes, it does not have to do with menus, simply tool tips.

Poster: pieter53
Dated: Saturday November 18 2006 - 8:54:45 GMT

Sorry, English is not my native language. I hope you will understand my problem.
I have a tooltip in a 'main'menu, but now the submenu doesn't show.
Is there a way to make that work?

btw. I think your menus are GREAT. Thanks a lot!

Poster: Ruth
Dated: Saturday November 18 2006 - 18:54:33 GMT

Hi,

Can you please give us a link to the page so we can find what is going on?

Ruth

Poster: pieter53
Dated: Sunday November 19 2006 - 9:50:46 GMT

Sorry, I should have tought about that :oops:

I have uploaded only two files of my site here
Only extern links and the links: Index->A and Index ->B will work.
(Sorry my site is written in Dutch)

As you see: all works fine! GREAT!

Now this is a part of menu_data.js of that URL.
style=menuStyle;
aI("text=START;url=file:///d:/Mijn%20documenten/%23Websites/Boek%20menu/boek/index.html;tooltip=Openingspagina;")
aI("showmenu=Index;text=Index;");
aI("showmenu=Plaatjes;text=Afbeeldingen;");

When I change this part in (only the third line is changed):
style=menuStyle;
aI("text=START;url=file:///d:/Mijn%20documenten/%23Websites/Boek%20menu/boek/index.html;tooltip=Openingspagina;")
aI("showmenu=Index;text=Index;tooltip=Alfabetische index;");
aI("showmenu=Plaatjes;text=Afbeeldingen;");

The tooltip of "Index" will, but the submenu of "Index" won't show, as you can see here.
The rest works as it did before.

It would be nice if a tooltip in a menu on a higher level worked, but I'm already satisfied with the one that works. It was more then I expected of something that you can get for free.
Thanks for these wonderful scripts!

ps. Another question (a bit off topic): how can I place an blanc before the text in a tooltiptext?

Poster: vikenk
Dated: Sunday November 19 2006 - 13:49:40 GMT

Hello,

See this message I placed on this forum not long ago:
http://www.milonic.com/forum/viewtopic.php?t=8137

The tooltips have a couple of quirks. Try to delay the time of the tooltip so it appears a little late. Also, if you recently upgraded your menus, install the tooltips module again.

Hope this helps.

Poster: pieter53
Dated: Sunday November 19 2006 - 14:16:03 GMT

I first uploaded the same tooltips module again and the submenu popped-up, but the tooltip of the mainmenu didn't.
Then I downloaded a new zip and used that tooltip module. Now the tooltip in the mainmenu shows again, but the submenu won't show.

I think I have to wait till a new tooltips.js is made. No problem. The menu is great anyway!

Poster: Ruth
Dated: Sunday November 19 2006 - 18:37:32 GMT

Hi,

The problem is the url in the Start section. This doesn't work

Code:

file:///d:/Mijn%20documenten/%23Websites/Boek%20menu/boek/index.html;

But, if you remove the file part of it, then both the tooltips and the menus show.

Code:

d:/Mijn%20documenten/%23Websites/Boek%20menu/boek/index.html;

Ruth

Poster: pieter53
Dated: Monday November 20 2006 - 8:28:06 GMT

Thank you for spending more time on my problem.

Changed menu_data.js of this this one in:

with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
followscroll=1;
overflow="scroll";
left=10;
top=10;
style=menuStyle;
aI("text=START;url=http://home.hetnet.nl/%7Ehkfilm-stills/boek%20menu/index.html;tooltip=Openingspagina;")
aI("showmenu=Index;text=Index;tooltip=Alfabetische index;");
aI("showmenu=Plaatjes;text=Afbeeldingen;");

Also uploaded a new tooltips.js after that, but as you can see, it still doesn't work

Poster: vikenk
Dated: Monday November 20 2006 - 13:46:27 GMT

Pieter53,

I downloaded your site and changed the tooltip delay time and it worked. See here:

http://www.vikenk.com/test/a.html

You can see that the Tooltip works on "Start" and on "Index" and does NOT prevent the Index submenu from appearing. This was your original problem, right? The submenu was not appearing with the tooltip in place?

I changed the tooltip delay time, like I mentioned before. Change this:

Code:

M_ToolTipDelay=00    // Milliseconds after menu has been displayed before showing tooltip

To this:

Code:

M_ToolTipDelay=200    // Milliseconds after menu has been displayed before showing tooltip

For some reason, when the tooltip delay is too short, it prevents the submenu from appearing. I believe this is a bug in the code and needs to be looked at by Milonic. Ruth, can you make any suggestions to Andy?

--
Viken K.
http://www.vikenk.com
http://www.sayatnova.com

Poster: pieter53
Dated: Monday November 20 2006 - 14:03:48 GMT

You are great! (and I am a bit stupid, because at first, I couldn't find the tooltipdelay :cry:

)
For those who are as stupid as I am: you'll find "M_ToolTipDelay=" in tooltips.js

Why don't set "M_ToolTipDelay" to 200 as default in tooltips.js?

Poster: vikenk
Dated: Monday November 20 2006 - 14:12:16 GMT

Hi Pieter53,

It looks like the Toolips module has been changed. The default delay time used to be 300, if I remember correctly. Now the default is time 00.

--
Viken K.
http://www.vikenk.com
http://www.sayatnova.com

Poster: pieter53
Dated: Tuesday November 21 2006 - 15:17:59 GMT

Quote:

The default delay time used to be 300, if I remember correctly. Now the default is time 00.

Won't be hard to change that again, isn't it?

Thanks for all your help!
My new site and the menu are not finished yet, but if you want to see it, you can find it here.
(As I like the menu so much, I have put the milonic link on top of every page.)

Thanks again, greetings Pieter

Poster: pieter53
Dated: Tuesday December 19 2006 - 17:23:00 GMT

Here I am again.

Quote:

As I like the menu so much, I have put the milonic link on top of every page.

Sorry, for a better lay-out I had to remove the link on the indexpage to the bottum.

For your information.
I wanted the tooltips appear above the cursor.
That is quite easy to do, but when the tooltip appears behind the cursor (some tooltips contain more lines) it disappears immediately.
So I had to put the tooltip a bit to the right.
Putting the tooltip higher wasn't a good solution because some tooltips have onle one line and some have three. The ones with one line would appear too far away from the cursor, if I put the 3-line tooltip high enough not to touch the cursor.

That's all.
My site.

Poster: Ruth
Dated: Tuesday December 19 2006 - 19:27:30 GMT

Hi,

That's OK

The site looks very nice and the tooltips seem fine!

Ruth