Jump to content


Photo

Pop-out menus


  • Please log in to reply
No replies to this topic

#1 angel_cowgirl

angel_cowgirl
  • Members
  • PipPip
  • Member
  • 17 posts
  • LocationPoedunk America

Posted 10 March 2006 - 12:14 PM

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.

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();

Thanks for any help, I really appreciate it.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users