Jump to content

Pop-out menus


angel_cowgirl

Recommended Posts

I really don't know anything about JS so I need all the help I can get.

I found this free script that helped me create pop-out menus for my website, and they work, but I still have a couple questions about some minor issues that I have not been able to find any answers to from Googling or anything.

Most importantly, how can I get the menus to adjust location wise automatically (i.e. because everyone may have different screen resolutions)? I've tried it on a couple resolutions now (different computers) and it definitely only works when I'm using the one that I created it on. When I go to a another computer its waaayyy off to the right or something of where it needs to be.

Secondly, and its not as big of a deal but would be nice to know..I've got like 4 menus. Because I used this script it created all the menus to be together, I guess, in one .js file. The menu items (words) I'll be using for/on each menu will be different lengths. Is there a way for me to make each menu a different width to accomodate for this (or not because it all refers back to the one .js file)? I understand that if I have a short word and a long word on the same menu itll have to be long on that menu but for the seperate menus I'd like to adjust the width. And the reason I'm concerned about this is because I noticed that only when the mouse is over the text is that item active and clickable but if there is extra white space (without having added " ") that item is not clickable. (And of course for appearance sake, the menu would be more attractive if it was only as wide at the words.)

Below I am posting the section of the script that is actually on my page, not what is in the .js file. From this I have adjusted the (0,0) values to be right for the computer i'm on but is there some other thing that can be added in the ( ) to tell it to adjust or something. And from this as far as I could tell there is only one spot to adjust the menu width which I did, but like I said above, this looks like its set up to only be able to do it for all of them and I don't know the correct way to do it for them individually. I have not tried messing with the code much because I don't want to mess it up.

[code]
mainMenuColor="#9763ca";
menuItemColor="#490070";
highlightColor="#00e000";
borderWidth=1;
borderHeight=1;
paddingWidth=1;
paddingHeight=1;
itemWidth=175;
itemHeight=20;
hAlign="left";
vAlign="middle";
itemTagsOpen="<font face='arial' style='text-decoration:none;color:#FFFFFF' class='anchorClass'>";
itemTagsClose="</font>";
menuDelay=0.3;

addMenu(525,253);
addMenuItem("Mission                  ","http://www.site1.com","");
addMenuItem("Philosophy & Functions","http://www.site2.com","");
addMenuItem("Conceptual Framework","http://www.site3.com","");
addMenu(630,253);
addMenuItem("Item #1","http://www.site1.com","");
addMenuItem("Item #2","http://www.site2.com","");
addMenuItem("Item #3","http://www.site3.com","");
addMenuItem("Item #4","http://www.site4.com","");
addMenu(800,253);
addMenuItem("Item #1","http://www.site1.com","");
addMenuItem("Item #2","http://www.site2.com","");
addMenuItem("Item #3","http://www.site3.com","");
addMenuItem("Item #4","http://www.site4.com","");
addMenuItem("Item #5","http://www.site5.com","");
addMenuItem("Item #6","http://www.site6.com","");
addMenuItem("Item #7","http://www.site7.com","");
addMenuItem("Item #8","http://www.site8.com","");
addMenuItem("Item #9","http://www.site9.com","");
addMenuItem("Item #10","http://www.site10.com","");
addMenu(975,253);
addMenuItem("Item #1","http://www.site1.com","");
addMenuItem("Item #2","http://www.site2.com","");
addMenuItem("Item #3","http://www.site3.com","");
drawMenus();
[/code]

Thanks for any help, I really appreciate it.
Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.