JS drop down menu issues

[rohis]

I'm working on a drop-down menu for this site:

http://www.freewebs.com/beckwithma/l...%20Schools.htm


There are a few things I need to know how to do, or if someone could do them for me it would be greatly apreciated.


1: When you mouse over the menu for the first time, a thing pops up that sais 'trial version' I want to remove whatever is causing that from the code.
2: I want slightly larger horizontal space between the items on the list
3: I need to know how to have some of the links in the drop down menue target a frame and some target a new window.

Here are the .JS files:

http://www.freewebs.com/beckwithma/library/apymenu.js
http://www.freewebs.com/beckwithma/library/newdata1.js


This is a project for my school's library website, so I don't have any sortof budget to hire a menu builder or pay for some software, so i borrowed the code for this from another site.

thank you.

[jscheuer1]

1: When you mouse over the menu for the first time, a thing pops up that sais 'trial version' I want to remove whatever is causing that from the code.

Get a freeware, creditware or PD menu, there are so many, none of them have this type of junk. Removing it without paying for the script is illegal, a violation of copyright and perhaps against the rules of this forum.

[rohis]

sorry, I was unaware.

[jscheuer1]

I should have added, have a look here for possible alternatives:

http://dynamicdrive.com/dynamicindex1/index.html

http://dynamicdrive.com/dynamicindex1/indexb.html

http://dynamicdrive.com/dynamicindex1/indexc.html

[rohis]

I think what we are going to do is purchase this menu bar if I can make it work right.

Can anyone tell me how to target specific links on the JS menu to open in an iframe?

[jscheuer1]

One would hope that there are some instructions for this menu but, it looks like here:

var menuItems = [
   ["Pathfinders","http://www.apycom.com","","","",,,],
["|Language Arts","http://dhtml-menu.com","","","",,,],
["|Poetry","http://dhtml-menu.com","","","",,,],
["|Science","http://dhtml-menu.com","","","",,,],
["|Math","http://dhtml-menu.com","","","",,,],
["|History","http://dhtml-menu.com","","","",,,],
["|Health","http://dhtml-menu.com","","","",,,],
["|World Language","http://dhtml-menu.com","","","",,,],
["|Vietnam","http://dhtml-menu.com","","","",,,],
["|Buisines ED","http://dhtml-menu.com","","","",,,],
["|Family Consumer Science","http://dhtml-menu.com","","","",,,],

and similar in the newdata1.js file that one can use the javascript: convention to run code instead of simply supplying an address. This is a common feature of these types of menus, usually. It also looks like a target may be able to be specified in one of the empty "" sections, which empty "" section that is, I can't say for sure. I'd start with the first and try them all just to see. Again, instructions for this menu would make these things clearer. Here is what I would try:

var menuItems = [
   ["Pathfinders","http://www.apycom.com","","","",,,],
["|Language Arts","javascript:window.open('http://dhtml-menu.com')","","","",,,],
["|Poetry","javascript:parent.frameName.location.href='http://dhtml-menu.com'","","","",,,],
["|Science","http://dhtml-menu.com","_blank","","",,,],
["|Math","http://dhtml-menu.com","frameName","","",,,],
["|History","http://dhtml-menu.com","","","",,,],
["|Health","http://dhtml-menu.com","","","",,,],
["|World Language","http://dhtml-menu.com","","","",,,],
["|Vietnam","http://dhtml-menu.com","","","",,,],
["|Buisines ED","http://dhtml-menu.com","","","",,,],
["|Family Consumer Science","http://dhtml-menu.com","","","",,,],

and then just see what happens when those links are clicked. Where I have 'frameName' use an assigned name of a frame or iframe. If it is an iframe, the 'parent' bit can be skipped. Also 'window.parent' may be required in place of just 'parent' or 'document.frameName' in the case of an iframe.

[rohis]

thanks, it was this one that worked
"javascriptarent.frameName.location.href='http://dhtml-menu.com'"

any idea on how to make the h spacing between the 5 main groups wider?

[jscheuer1]

I'd try adjusting this variable in the newdata1.js file:

var itemBorderWidth=1;

[rohis]

Adjusting the border width vertically elongates it too wich I want to avoid and there is a thin red border higlight that I have that gets to thick when I adjust the border width.

Theres no tag to adjust the Hspace of the parent items in the menu?


There are instructions for this menu, but they are weak and don't have information on doing this.

[jscheuer1]

I'd also play with these:

var itemSpacing=0;
var itemPadding=0;

However, both of those may add to the vertical height as well. This entry in the configuration looks interesting:

var itemStyles = [
   ["fontStyle=bold 7pt Verdana",],
   ["itemBackColor=red,red","itemBorderColor=red,red",],
];

Unfortunately, 'itemBackColor' and 'itemBorderColor' are not valid css or valid standard javascript css notation, 'fontStyle' is valid for javascript css but is here used in an invalid manner, suggesting that it has been co-opted by the script for its own purposes. Once again, the documentation might help, could I have a look at it?