Resize browser, submenu problem

Poster: PegDoyle
Dated: Monday September 22 2008 - 21:13:57 BST

Hi,

I have a relative position menu and 2 levels of submenu's working fine, until I resize the browser window. The main menu relative position is still OK, but the submenus stay fixed in the relative position they were originally loaded in. Any suggestions on how to fix?

Thanks,
Peg

Version with all menu data in a single file: http://www.simkoeyedesign.com

Version with menu data split into 2, which had no effect: http://www.simkoeyedesign.com/testarea/


_scrollAmount=5; // Used for Netscape 4 scrolling
_scrollDelay=10; // Used for Netscape 4 scrolling

_menuCloseDelay=500; // The delay for menus to remain visible on mouse off
_menuOpenDelay=150; // The delay for opening menus on mouse over
_subOffsetTop=0; // Sub menu offset Top position
_subOffsetLeft=0; // Sub menu offset Left position

treeOffset=17; // Used to set the offset of sub menus
singleMasterMenu=true; // Informs the system to only have one menu open at a time

with(tstyle1=new mm_style()){
offcolor="#FFFFFF";
oncolor="#F7CF2F";
decoration="none";
ondecoration="none";
fontfamily="verdana,arial,tahoma";
fontsize="12px";
fontweight="normal"
type="tree";
separatorsize=5;
separatorcolor="transparent";
subimage="images/tree_trans.gif"
subimageposition="top left";
}

with(tstyle2=new mm_style()){
offcolor="#000000";
oncolor="#F7CF2F";
decoration="none";
ondecoration="none";
fontfamily="verdana,arial,tahoma";
fontsize="11px";
fontweight="normal"
type="tree";
subimage="images/tree_trans.gif"
subimageposition="top left";
}

drawMenus();

with(new menuname("TableOfContents")){
style=tstyle1;
alwaysvisible=1;
position="relative";
aI("text=Home;url=home-page-details.html;onfunction=pageid('images/topbanner-home.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=treeNoGuide;clickclass=treeNoGuide;");
aI("text=Services;url=services.html;onfunction=pageid('images/topbanner-services.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=treeNoGuide;clickclass=treeNoGuide;");
aI("text=Clients;url=clients.html;onfunction=pageid('images/topbanner-clients.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=treeNoGuide;clickclass=treeNoGuide;");
aI("text=Portfolio;url=portfolio.html;onfunction=pageid('images/topbanner-portfolio.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;showmenu=Portfolio;offclass=treeItemCollapsed;clickclass=treeItemExpanded;");
aI("text=Contact;url=contact.html;onfunction=pageid('images/topbanner-contact.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=treeNoGuide;clickclass=treeNoGuide;");
}


with(new menuname("Portfolio")){
style=tstyle1;
aI("text=Web Sites;url=portfolio-web.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;showmenu=WebDesign;offclass=treeItemCollapsed;clickclass=treeItemExpanded;");
aI("text=Identity;url=portfolio-identity.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;showmenu=Identity;offclass=treeItemCollapsed;clickclass=treeItemExpanded;");
aI("text=Print;url=portfolio-print.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;showmenu=Print;offclass=treeItemCollapsed;clickclass=treeItemExpanded;");
aI("text=Trade Shows;url=portfolio-tradeshow.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=details;targetfeatures=width=650,height=100%,status,scrollbars,resizable;showmenu=TradeShow;offclass=treeItemCollapsed;clickclass=treeItemExpanded;");
aI("text= ;");
}



with(milonic=new menuname("Identity")){
style=tstyle2;
aI("text=Acteon Technologies;url=portfolio-identity-acteon.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Agilent Technologies;url=portfolio-identity-agilent.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=The Allard Group;url=portfolio-identity-allard.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Broadview, Inc.;url=portfolio-identity-broadview.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Delicato Café;url=portfolio-identity-delicato.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=EKW, Inc.;url=portfolio-identity-ekw.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Hi.Impact<br>&nbsp;&nbsp;&nbsp;Communications;url=portfolio-identity-hiimpact.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;image=images/tree_middle_arrow_long.gif;offclass=TreeItemBranchLong;");
aI("text=Hewlett-Packard Co;url=portfolio-identity-hp.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Mass Aquaculture;url=portfolio-identity-massaquaculture.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Mongoose<br>&nbsp;&nbsp;&nbsp; Landscaping;url=portfolio-identity-mongoose.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;image=images/tree_middle_arrow_long.gif;offclass=TreeItemBranchLong;");
aI("text=Phillips Medical<br>&nbsp;&nbsp;&nbsp;Systems;url=portfolio-identity-phillips.html;target=portfolioarea;onfunction=pageid('images/topbanner-portfolio-identity.gif');targetfeatures=width=650,height=100%,status,scrollbars,resizable;image=images/tree_middle_arrow_long.gif;offclass=TreeItemBranchLong;");
aI("text=The Picot Company;url=portfolio-identity-picot.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=The Silverstone Club;url=portfolio-identity-silverstone.html;onfunction=pageid('images/topbanner-portfolio-identity.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;image= images/tree_end_no_arrow.gif;offclass=treeEndNoArrow;");
}

with(milonic=new menuname("Print")){
style=tstyle2;
aI("text=brochure;url=portfolio-print-brochure-silverstone.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=direct mail;url=portfolio-print-directmail-hp.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=corporate brochure;url=portfolio-print-brochure-hp.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=calendar;url=portfolio-print-calendar-hp.html;target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=advertisement;url=portfolio-print-advertisement-agilent.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=product sheets;url=portfolio-print-productsheets-neteos.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=product brochure;url=portfolio-print-productbrochure-xevo.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=direct mail;url=portfolio-print-directmail-agilent.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=data sheet;url=portfolio-print-datasheet-webline.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=newsletter;url=portfolio-print-newsletter-hp.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=direct mail;url=portfolio-print-directmail-hp2.html;onfunction=pageid('images/topbanner-portfolio-print.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;image= images/tree_end_no_arrow.gif;offclass=treeEndNoArrow;");
}

with(milonic=new menuname("TradeShow")){
style=tstyle2;
aI("text=10 foot banner;url=portfolio-tradeshow-banner-cisco.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=booth graphics;url=portfolio-tradeshow-booth-icsg.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=signage;url=portfolio-tradeshow-signage-cisco.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=logo and T-shirt;url=portfolio-tradeshow-tshirt-philips.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=6 foot panels;url=portfolio-tradeshow-panels-philips.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=poster;url=portfolio-tradeshow-poster-agilent.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=event schedules;url=portfolio-tradeshow-event-agilent.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=poster;url=portfolio-tradeshow-poster-compaq.html;onfunction=pageid('images/topbanner-portfolio-tradeshows.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;image= images/tree_end_no_arrow.gif;offclass=treeEndNoArrow;");
}

with(milonic=new menuname("WebDesign")){
style=tstyle2;
aI("text=DECCO, Inc.;url=portfolio-web-decco.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Deiana Group;url=portfolio-web-deiana.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Delicato Cafe;url=portfolio-web-delicato.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=DENS Facility Services;url=portfolio-web-densfs.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=DPS, Inc.;url=portfolio-web-dps.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=IBDSS;url=portfolio-web-ibdss.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=PegDoyle.com;url=portfolio-web-pegdoyle.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=The Picot Company;url=portfolio-web-picot.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=Radianse;url=portfolio-web-radianse.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=The Silverstone Club;url=portfolio-web-silverstone.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;offclass=TreeItemBranch;");
aI("text=The Stevens Estate<br>&nbsp;&nbsp;&nbsp;at Osgood Hill;;url=portfolio-web-stevens.html;onfunction=pageid('images/topbanner-portfolio-web.gif');target=portfolioarea;targetfeatures=width=650,height=100%,status,scrollbars,resizable;;image=images/tree_end_arrow_long.gif;offclass=treeEndNoArrowLong;");
}

drawMenus();

Re: Resize browser, submenu problem

Poster: Ruth
Dated: Tuesday September 23 2008 - 17:45:09 BST

Hi,

Just to let you know I'm working on this. I'll get back to you

Ruth

Re: Resize browser, submenu problem

Poster: Ruth
Dated: Tuesday September 23 2008 - 23:44:05 BST

Hi,

Well, there seems to be nothing I can do on this. I tried putting in position="absolute"; in the submenus which does make it do that a bit less. Also, I tried putting in margin-left:40px; in your css body tag for margins and it did prevent the submenus from shifting way beyond the table cell to the left side, it only kind of moves to the right, actually it is the table that is moving. I am still seeing if I can figure a way to make it so that even with that happens its not a startling issue.

Ruth

Re: Resize browser, submenu problem

Poster: PegDoyle
Dated: Wednesday September 24 2008 - 15:56:35 BST

Thanks Ruth. I'll start playing with the tables more - perhaps I can bring a nested table up a level. Peg

Also - I am playing around with the version in /testarea/, so it changes occasionally. I'm going to recommend a fixed position menu until the problem gets solved.

Re: Resize browser, submenu problem

Poster: Ruth
Dated: Wednesday September 24 2008 - 15:58:05 BST

I will also continue playing and see what I can figure out.

Ruth

Re: Resize browser, submenu problem

Poster: PegDoyle
Dated: Wednesday September 24 2008 - 17:04:13 BST

Removing nested table had no effect Site now changed to fixed position, but I made a copy of the original problem at http://www.simkoeyedesign.com/navigation.