By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
458,053 Members | 922 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 458,053 IT Pros & Developers. It's quick & easy.

Xara Menumaker(Javascript) Navbar Dropdown Menus positioning

torquehero
P: 14
Hi all :)

I have created a horizontal navbar using Xara Menumaker. The Menu items have several dropdown menus. Its a javascript. When the mouse cursor is moved over any menu item, a dropdown list/menu appears. When the page is opened in the browser (as it appears by default), the dropdown menu positions are correctly displayed. But when I scroll the page and then move the mouse over any menu item of the navbar, the dropdown menu is not displayed at the correct X, Y position. It appears at the top of the page regardless of the position of the navbar.

Please help...

This is the code automaticall generated by Xara Menumaker
================================================== ===
Expand|Select|Wrap|Line Numbers
  1. if(typeof(loc)=="undefined"||loc==""){var loc="";if(document.body&&document.body.innerHTML){var tt=document.body.innerHTML.toLowerCase();var last=tt.indexOf("blueeye.js\"");if(last>0){var first=tt.lastIndexOf("\"",last);if(first>0&&first<last)loc=document.body.innerHTML.substr(first+1,last-first-1);}}}
  2.  
  3. var bd=0
  4. document.write("<style type=\"text/css\">");
  5. document.write("\n<!--\n");
  6. var tr="filter:alpha(opacity=82);";if(IE5) tr="";
  7. document.write(".blueeye_menu {"+tr+"border-color:#ffffff;border-style:solid;border-width:"+bd+"px 0px "+bd+"px 0px;background-color:#146ac0;position:absolute;left:0px;top:0px;visibility:hidden;}");
  8. document.write("a.blueeye_plain:link, a.blueeye_plain:visited{text-align:left;background-color:#146ac0;color:#eaf4ff;text-decoration:none;border-color:#ffffff;border-style:solid;border-width:0px "+bd+"px 0px "+bd+"px;padding:3px 0px 3px 0px;cursor:hand;display:block;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;}");
  9. document.write("a.blueeye_plain:hover, a.blueeye_plain:active{background-color:#b7e157;color:#222712;text-decoration:none;border-color:#ffffff;border-style:solid;border-width:0px "+bd+"px 0px "+bd+"px;padding:3px 0px 3px 0px;cursor:hand;display:block;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;}");
  10. document.write("\n-->\n");
  11. document.write("</style>");
  12.  
  13. var fc=0x222712;
  14. var bc=0xb7e157;
  15. if(typeof(frames)=="undefined"){var frames=6;if(frames>0)animate();}
  16.  
  17. startMainMenu("blueeye_left.gif",21,21,2,0,0)
  18. mainMenuItem("blueeye_b1",".gif",21,94,loc+"../corporate_profile.asp","","Corporate Profile",2,2,"blueeye_plain");
  19. mainMenuItem("blueeye_b2",".gif",21,94,loc+"../downloads.asp","","Downloads",2,2,"blueeye_plain");
  20. mainMenuItem("blueeye_b3",".gif",21,94,loc+"../Products & Services.asp","","Products & Services",2,2,"blueeye_plain");
  21. mainMenuItem("blueeye_b4",".gif",21,94,loc+"../Downloads_newsarchive.asp","","News & Events",2,2,"blueeye_plain");
  22. mainMenuItem("blueeye_b5",".gif",21,94,loc+"../Financial.asp","","Financials",2,2,"blueeye_plain");
  23. mainMenuItem("blueeye_b6",".gif",21,94,loc+"../Careers.asp","","Careers",2,2,"blueeye_plain");
  24. mainMenuItem("blueeye_b7",".gif",21,94,loc+"../home.asp","","Home",2,2,"blueeye_plain");
  25. endMainMenu("blueeye_right.gif",21,21)
  26.  
  27. startSubmenu("blueeye_b5","blueeye_menu",146);
  28. submenuItem("Quarterly Results",loc+"../Financial_quarterly.asp","","blueeye_plain");
  29. submenuItem("---","javascript:;","","blueeye_plain");
  30. submenuItem("Mergers & Acquisitions",loc+"../Financial_mergers.asp","","blueeye_plain");
  31. submenuItem("---","javascript:;","","blueeye_plain");
  32. submenuItem("Corporate Governance",loc+"../Financial_governance.asp","","blueeye_plain");
  33. submenuItem("---","javascript:;","","blueeye_plain");
  34. submenuItem("Corporate Announcements","http://www.bseindia.com/qresann/announcecom.asp?scrip_cd=500241","_blank","blueeye_plain");
  35. endSubmenu("blueeye_b5");
  36.  
  37. startSubmenu("blueeye_b3","blueeye_menu",169);
  38. submenuItem("Industrial Pumps",loc+"../Products & Services_industrial.asp","","blueeye_plain");
  39. submenuItem("---","javascript:;","","blueeye_plain");
  40. submenuItem("Projects & Engineered Pumps",loc+"../Products & Services_projects&engineered.asp","","blueeye_plain");
  41. submenuItem("---","javascript:;","","blueeye_plain");
  42. submenuItem("Valves",loc+"../Products & Services_valves.asp","","blueeye_plain");
  43. submenuItem("---","javascript:;","","blueeye_plain");
  44. submenuItem("Agricultural & Domestic Pumps",loc+"../Products & Services_agridompumps.asp","","blueeye_plain");
  45. endSubmenu("blueeye_b3");
  46.  
  47. startSubmenu("blueeye_b2","blueeye_menu",114);
  48. submenuItem("Product Leaflets",loc+"../Downloads_productleaflets.asp","","blueeye_plain");
  49. submenuItem("---","javascript:;","","blueeye_plain");
  50. submenuItem("IOM Manuals",loc+"../Downloads_iommanuals.asp","","blueeye_plain");
  51. submenuItem("---","javascript:;","","blueeye_plain");
  52. submenuItem("Annual Reports",loc+"../Downloads_annualreports.asp","","blueeye_plain");
  53. submenuItem("---","javascript:;","","blueeye_plain");
  54. submenuItem("Cactus & Roses",loc+"../Downloads_cactus.asp","","blueeye_plain");
  55. submenuItem("---","javascript:;","","blueeye_plain");
  56. submenuItem("Cascade",loc+"../Downloads_cascade.asp","","blueeye_plain");
  57. submenuItem("---","javascript:;","","blueeye_plain");
  58. submenuItem("Speeches & Articles",loc+"../Downloads_speeches.asp","","blueeye_plain");
  59. submenuItem("---","javascript:;","","blueeye_plain");
  60. submenuItem("News Archive",loc+"../Downloads_newsarchive.asp","","blueeye_plain");
  61. submenuItem("---","javascript:;","","blueeye_plain");
  62. submenuItem("Screen Savers",loc+"../Downloads_screensavers.asp","","blueeye_plain");
  63. endSubmenu("blueeye_b2");
  64.  
  65. startSubmenu("blueeye_b1","blueeye_menu",135);
  66. submenuItem("Corporate Presentation",loc+"../corporate_profile_corppresentation.asp","","blueeye_plain");
  67. submenuItem("---","javascript:;","","blueeye_plain");
  68. submenuItem("Initiatives",loc+"../corporate_profile_initiatives.asp","","blueeye_plain");
  69. submenuItem("---","javascript:;","","blueeye_plain");
  70. submenuItem("Peoples Policy",loc+"../corporate_profile_peoplespractices.asp","","blueeye_plain");
  71. submenuItem("---","javascript:;","","blueeye_plain");
  72. submenuItem("Quality Practices",loc+"../corporate_profile_qualitypractices.asp","","blueeye_plain");
  73. submenuItem("---","javascript:;","","blueeye_plain");
  74. submenuItem("Environmental Practices",loc+"../corporate_profile_environpractices.asp","","blueeye_plain");
  75. submenuItem("---","javascript:;","","blueeye_plain");
  76. submenuItem("Awards & Achievements",loc+"../corporate_profile_awards.asp","","blueeye_plain");
  77. endSubmenu("blueeye_b1");
  78.  
  79. loc="";
================================================== =======

Thanx..


Regards

Torquehero
Feb 17 '07 #1
Share this Question
Share on Google+
4 Replies


torquehero
P: 14
Hi all :)

I have created a horizontal navbar using Xara Menumaker. The Menu items have several dropdown menus. Its a javascript. When the mouse cursor is moved over any menu item, a dropdown list/menu appears. When the page is opened in the browser (as it appears by default), the dropdown menu positions are correctly displayed. But when I scroll the page and then move the mouse over any menu item of the navbar, the dropdown menu is not displayed at the correct X, Y position. It appears at the top of the page regardless of the position of the navbar.

Please help...

This is the code automaticall generated by Xara Menumaker
================================================== ===
if(typeof(loc)=="undefined"||loc==""){var loc="";if(document.body&&document.body.innerHTML){ var tt=document.body.innerHTML.toLowerCase();var last=tt.indexOf("blueeye.js\"");if(last>0){var first=tt.lastIndexOf("\"",last);if(first>0&&first< last)loc=document.body.innerHTML.substr(first+1,la st-first-1);}}}

var bd=0
document.write("<style type=\"text/css\">");
document.write("\n<!--\n");
var tr="filter:alpha(opacity=82);";if(IE5) tr="";
document.write(".blueeye_menu {"+tr+"border-color:#ffffff;border-style:solid;border-width:"+bd+"px 0px "+bd+"px 0px;background-color:#146ac0;position:absolute;left:0px;top:0px;v isibility:hidden;}");
document.write("a.blueeye_plain:link, a.blueeye_plain:visited{text-align:left;background-color:#146ac0;color:#eaf4ff;text-decoration:none;border-color:#ffffff;border-style:solid;border-width:0px "+bd+"px 0px "+bd+"px;padding:3px 0px 3px 0px;cursor:hand;display:block;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;}");
document.write("a.blueeye_plain:hover, a.blueeye_plain:active{background-color:#b7e157;color:#222712;text-decoration:none;border-color:#ffffff;border-style:solid;border-width:0px "+bd+"px 0px "+bd+"px;padding:3px 0px 3px 0px;cursor:hand;display:block;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;}");
document.write("\n-->\n");
document.write("</style>");

var fc=0x222712;
var bc=0xb7e157;
if(typeof(frames)=="undefined"){var frames=6;if(frames>0)animate();}

startMainMenu("blueeye_left.gif",21,21,2,0,0)
mainMenuItem("blueeye_b1",".gif",21,94,loc+"../corporate_profile.asp","","Corporate Profile",2,2,"blueeye_plain");
mainMenuItem("blueeye_b2",".gif",21,94,loc+"../downloads.asp","","Downloads",2,2,"blueeye_plain") ;
mainMenuItem("blueeye_b3",".gif",21,94,loc+"../Products & Services.asp","","Products & Services",2,2,"blueeye_plain");
mainMenuItem("blueeye_b4",".gif",21,94,loc+"../Downloads_newsarchive.asp","","News & Events",2,2,"blueeye_plain");
mainMenuItem("blueeye_b5",".gif",21,94,loc+"../Financial.asp","","Financials",2,2,"blueeye_plain" );
mainMenuItem("blueeye_b6",".gif",21,94,loc+"../Careers.asp","","Careers",2,2,"blueeye_plain");
mainMenuItem("blueeye_b7",".gif",21,94,loc+"../home.asp","","Home",2,2,"blueeye_plain");
endMainMenu("blueeye_right.gif",21,21)

startSubmenu("blueeye_b5","blueeye_menu",146);
submenuItem("Quarterly Results",loc+"../Financial_quarterly.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Mergers & Acquisitions",loc+"../Financial_mergers.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Corporate Governance",loc+"../Financial_governance.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Corporate Announcements","http://www.bseindia.com/qresann/announcecom.asp?scrip_cd=500241","_blank","blueeye _plain");
endSubmenu("blueeye_b5");

startSubmenu("blueeye_b3","blueeye_menu",169);
submenuItem("Industrial Pumps",loc+"../Products & Services_industrial.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Projects & Engineered Pumps",loc+"../Products & Services_projects&engineered.asp","","blueeye_plai n");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Valves",loc+"../Products & Services_valves.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Agricultural & Domestic Pumps",loc+"../Products & Services_agridompumps.asp","","blueeye_plain");
endSubmenu("blueeye_b3");

startSubmenu("blueeye_b2","blueeye_menu",114);
submenuItem("Product Leaflets",loc+"../Downloads_productleaflets.asp","","blueeye_plain") ;
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("IOM Manuals",loc+"../Downloads_iommanuals.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Annual Reports",loc+"../Downloads_annualreports.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Cactus & Roses",loc+"../Downloads_cactus.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Cascade",loc+"../Downloads_cascade.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Speeches & Articles",loc+"../Downloads_speeches.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("News Archive",loc+"../Downloads_newsarchive.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Screen Savers",loc+"../Downloads_screensavers.asp","","blueeye_plain");
endSubmenu("blueeye_b2");

startSubmenu("blueeye_b1","blueeye_menu",135);
submenuItem("Corporate Presentation",loc+"../corporate_profile_corppresentation.asp","","blueey e_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Initiatives",loc+"../corporate_profile_initiatives.asp","","blueeye_pla in");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Peoples Policy",loc+"../corporate_profile_peoplespractices.asp","","blueey e_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Quality Practices",loc+"../corporate_profile_qualitypractices.asp","","blueey e_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Environmental Practices",loc+"../corporate_profile_environpractices.asp","","blueey e_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Awards & Achievements",loc+"../corporate_profile_awards.asp","","blueeye_plain");
endSubmenu("blueeye_b1");

loc="";
================================================== =======

Thanx..


Regards

Torquehero
Feb 17 '07 #2

acoder
Expert Mod 15k+
P: 16,027
You have not shown the code that displays the menus, e.g. startMainMenu, mainMenuItem, subMenuItem, etc.

Another point: this is automatically generated from a product that you paid for. The company should probably be aware of this bug. Perhaps you could contact them directly.
Feb 17 '07 #3

Expert 100+
P: 1,892
Hi all :)

I have created a horizontal navbar using Xara Menumaker. The Menu items have several dropdown menus. Its a javascript. When the mouse cursor is moved over any menu item, a dropdown list/menu appears. When the page is opened in the browser (as it appears by default), the dropdown menu positions are correctly displayed. But when I scroll the page and then move the mouse over any menu item of the navbar, the dropdown menu is not displayed at the correct X, Y position. It appears at the top of the page regardless of the position of the navbar.

Please help...

This is the code automaticall generated by Xara Menumaker
================================================== ===
if(typeof(loc)=="undefined"||loc==""){var loc="";if(document.body&&document.body.innerHTML){ var tt=document.body.innerHTML.toLowerCase();var last=tt.indexOf("blueeye.js\"");if(last>0){var first=tt.lastIndexOf("\"",last);if(first>0&&first< last)loc=document.body.innerHTML.substr(first+1,la st-first-1);}}}

var bd=0
document.write("<style type=\"text/css\">");
document.write("\n<!--\n");
var tr="filter:alpha(opacity=82);";if(IE5) tr="";
document.write(".blueeye_menu {"+tr+"border-color:#ffffff;border-style:solid;border-width:"+bd+"px 0px "+bd+"px 0px;background-color:#146ac0;position:absolute;left:0px;top:0px;v isibility:hidden;}");
document.write("a.blueeye_plain:link, a.blueeye_plain:visited{text-align:left;background-color:#146ac0;color:#eaf4ff;text-decoration:none;border-color:#ffffff;border-style:solid;border-width:0px "+bd+"px 0px "+bd+"px;padding:3px 0px 3px 0px;cursor:hand;display:block;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;}");
document.write("a.blueeye_plain:hover, a.blueeye_plain:active{background-color:#b7e157;color:#222712;text-decoration:none;border-color:#ffffff;border-style:solid;border-width:0px "+bd+"px 0px "+bd+"px;padding:3px 0px 3px 0px;cursor:hand;display:block;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;}");
document.write("\n-->\n");
document.write("</style>");

var fc=0x222712;
var bc=0xb7e157;
if(typeof(frames)=="undefined"){var frames=6;if(frames>0)animate();}

startMainMenu("blueeye_left.gif",21,21,2,0,0)
mainMenuItem("blueeye_b1",".gif",21,94,loc+"../corporate_profile.asp","","Corporate Profile",2,2,"blueeye_plain");
mainMenuItem("blueeye_b2",".gif",21,94,loc+"../downloads.asp","","Downloads",2,2,"blueeye_plain") ;
mainMenuItem("blueeye_b3",".gif",21,94,loc+"../Products & Services.asp","","Products & Services",2,2,"blueeye_plain");
mainMenuItem("blueeye_b4",".gif",21,94,loc+"../Downloads_newsarchive.asp","","News & Events",2,2,"blueeye_plain");
mainMenuItem("blueeye_b5",".gif",21,94,loc+"../Financial.asp","","Financials",2,2,"blueeye_plain" );
mainMenuItem("blueeye_b6",".gif",21,94,loc+"../Careers.asp","","Careers",2,2,"blueeye_plain");
mainMenuItem("blueeye_b7",".gif",21,94,loc+"../home.asp","","Home",2,2,"blueeye_plain");
endMainMenu("blueeye_right.gif",21,21)

startSubmenu("blueeye_b5","blueeye_menu",146);
submenuItem("Quarterly Results",loc+"../Financial_quarterly.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Mergers & Acquisitions",loc+"../Financial_mergers.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Corporate Governance",loc+"../Financial_governance.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Corporate Announcements","http://www.bseindia.com/qresann/announcecom.asp?scrip_cd=500241","_blank","blueeye _plain");
endSubmenu("blueeye_b5");

startSubmenu("blueeye_b3","blueeye_menu",169);
submenuItem("Industrial Pumps",loc+"../Products & Services_industrial.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Projects & Engineered Pumps",loc+"../Products & Services_projects&engineered.asp","","blueeye_plai n");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Valves",loc+"../Products & Services_valves.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Agricultural & Domestic Pumps",loc+"../Products & Services_agridompumps.asp","","blueeye_plain");
endSubmenu("blueeye_b3");

startSubmenu("blueeye_b2","blueeye_menu",114);
submenuItem("Product Leaflets",loc+"../Downloads_productleaflets.asp","","blueeye_plain") ;
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("IOM Manuals",loc+"../Downloads_iommanuals.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Annual Reports",loc+"../Downloads_annualreports.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Cactus & Roses",loc+"../Downloads_cactus.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Cascade",loc+"../Downloads_cascade.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Speeches & Articles",loc+"../Downloads_speeches.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("News Archive",loc+"../Downloads_newsarchive.asp","","blueeye_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Screen Savers",loc+"../Downloads_screensavers.asp","","blueeye_plain");
endSubmenu("blueeye_b2");

startSubmenu("blueeye_b1","blueeye_menu",135);
submenuItem("Corporate Presentation",loc+"../corporate_profile_corppresentation.asp","","blueey e_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Initiatives",loc+"../corporate_profile_initiatives.asp","","blueeye_pla in");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Peoples Policy",loc+"../corporate_profile_peoplespractices.asp","","blueey e_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Quality Practices",loc+"../corporate_profile_qualitypractices.asp","","blueey e_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Environmental Practices",loc+"../corporate_profile_environpractices.asp","","blueey e_plain");
submenuItem("---","javascript:;","","blueeye_plain");
submenuItem("Awards & Achievements",loc+"../corporate_profile_awards.asp","","blueeye_plain");
endSubmenu("blueeye_b1");

loc="";
================================================== =======

Thanx..


Regards

Torquehero
I'll move this to javascript.
Feb 17 '07 #4

acoder
Expert Mod 15k+
P: 16,027
Threads merged. Please do not double post.
Feb 19 '07 #5

Post your reply

Sign in to post your reply or Sign up for a free account.