I am in the beginning of designing a website for a dental office, I decided on a pop-out menu. I got the java script, and started to customize it. I got a little bit done, and started to test it. It works on Safari, Firefox (Windows&Mac), IE(Mac ONLY). I can't get this menu to work in IE for Win. Any help would be GREATLY appreciated, I do not have the slightest clue. Note, it was only tested with IE6 with XP pro sp2. That is the only version I have, so I'm kinda stuck. Here is the javascript file...
Filename: config2.js
function init()
{
menus[0] = new menu(190, "vertical", 10, 10, -2, -2, "black", "black", "Futura, Impact", 12,
"", "", "white", "#9C8431", 0, "gray", 2, "rollover:images/tri-right1.gif:images/tri-right2.gif", false, true, true, true, 12, false, 4, 4, "black");
menus[0].addItem("staff.html", "main", 22, "left", "Staff", 0);
menus[0].addItem("contact.html", "main", 22, "left", "Contact", 0);
menus[0].addItem("insurance.html", "main", 22, "left", "Insurance", 0);
menus[0].addItem("FAQ.html", "main", 22, "left", "FAQ", 0);
menus[0].addItem("#", "main", 22, "left", "Services", 1);
menus[0].addItem("#", "main", 22, "left", "Customer Care", 2);
menus[0].addItem("fastfact.html", "main", 22, "left", "Fast Facts", 0);
menus[0].addItem("kids.html", "main", 22, "left", "Kids", 0);
menus[0].addItem("products.html", "main", 22, "left", "Products", 0);
menus[0].addItem("#", "main", 22, "left", "Care of Your Teeth", 3);
menus[0].addItem("sitemap.html", "main", 22, "left", "Site Index", 0);
//Sub Menu for 2nd Main Menu Item ("Services"):
menus[1] = new menu(165, "vertical", 0, 0, -5, -5, "black", "black", "Futura,Impact", 12, "", "", "white", "#9C8431", 0, "gray", 2, 62, false, true, false, true, 6, false, 4, 4, "black");
menus[1].addItem("teethwhite.html", "", 22, "main", "Teeth Whitening", 0);
//Sub Menu for 3rd Main Menu Item ("Customer Care"):
menus[2] = new menu(165, "vertical", 0, 0, 0, 0, "#CACAFF", "#0000A0", "Verdana,Helvetica", 9, "bold", "bold", "black", "white", 1, "gray", 2, "rollover:images/tri-right1.gif:images/tri-right2.gif", false, true, false, false, 0, true, 4, 4, "black");
menus[2].addItem("http://www.cnn.com", "", 22, "left", "CNN", 0);
menus[2].addItem("http://www.msnbc.com", "", 22, "left", "MSNBC", 0);
menus[2].addItem("http://news.bbc.co.uk", "", 22, "left", "BBC News", 0);
menus[2].addItem("http://www.cbsnews.com", "", 22, "left", "Sports News", 0);
//Sub Menu for 4th Main Menu Item ("Care of Your Teeth"):
menus[3] = new menu(175, "vertical", 0, 0, 0, 0, "black", "black", "Futura", 12, "", "", "white", "#9C8431", 0, "gray", 2, ">>", false, true, false, false, 0, false, 4, 4, "black");
menus[3].addItem("visitcare.html", "", 22, "left", "Care between Visits", 0);
menus[3].addItem("oralcare.html", "", 22, "left", "Oral Care", 0);
menus[3].addItem("preventcare.html", "", 22, "left", "Preventative Care", 0);
} //OUTER CLOSING BRACKET. EVERYTHING ADDED MUST BE ABOVE THIS LINE.
Here is the html file that is incorporating the menu, for testing....
filename: example2.htm
<html>
<head>
<title>Test Page</title>
<script type="text/javascript" src="includes/browser.js">
/***********************************************
* Jim's DHTML Menu v5.7- © Jim Salyer (jsalyer@REMOVETHISmchsi.com)
* Visit Dynamic Drive: http://www.dynamicdrive.com for script and instructions
* This notice must stay intact for use
***********************************************/
</script>
<script type="text/javascript" src="config2.js"></script>
</head>
<body onload="init()">
</body>
</html>
Can anyone help me at all????
Filename: config2.js
function init()
{
menus[0] = new menu(190, "vertical", 10, 10, -2, -2, "black", "black", "Futura, Impact", 12,
"", "", "white", "#9C8431", 0, "gray", 2, "rollover:images/tri-right1.gif:images/tri-right2.gif", false, true, true, true, 12, false, 4, 4, "black");
menus[0].addItem("staff.html", "main", 22, "left", "Staff", 0);
menus[0].addItem("contact.html", "main", 22, "left", "Contact", 0);
menus[0].addItem("insurance.html", "main", 22, "left", "Insurance", 0);
menus[0].addItem("FAQ.html", "main", 22, "left", "FAQ", 0);
menus[0].addItem("#", "main", 22, "left", "Services", 1);
menus[0].addItem("#", "main", 22, "left", "Customer Care", 2);
menus[0].addItem("fastfact.html", "main", 22, "left", "Fast Facts", 0);
menus[0].addItem("kids.html", "main", 22, "left", "Kids", 0);
menus[0].addItem("products.html", "main", 22, "left", "Products", 0);
menus[0].addItem("#", "main", 22, "left", "Care of Your Teeth", 3);
menus[0].addItem("sitemap.html", "main", 22, "left", "Site Index", 0);
//Sub Menu for 2nd Main Menu Item ("Services"):
menus[1] = new menu(165, "vertical", 0, 0, -5, -5, "black", "black", "Futura,Impact", 12, "", "", "white", "#9C8431", 0, "gray", 2, 62, false, true, false, true, 6, false, 4, 4, "black");
menus[1].addItem("teethwhite.html", "", 22, "main", "Teeth Whitening", 0);
//Sub Menu for 3rd Main Menu Item ("Customer Care"):
menus[2] = new menu(165, "vertical", 0, 0, 0, 0, "#CACAFF", "#0000A0", "Verdana,Helvetica", 9, "bold", "bold", "black", "white", 1, "gray", 2, "rollover:images/tri-right1.gif:images/tri-right2.gif", false, true, false, false, 0, true, 4, 4, "black");
menus[2].addItem("http://www.cnn.com", "", 22, "left", "CNN", 0);
menus[2].addItem("http://www.msnbc.com", "", 22, "left", "MSNBC", 0);
menus[2].addItem("http://news.bbc.co.uk", "", 22, "left", "BBC News", 0);
menus[2].addItem("http://www.cbsnews.com", "", 22, "left", "Sports News", 0);
//Sub Menu for 4th Main Menu Item ("Care of Your Teeth"):
menus[3] = new menu(175, "vertical", 0, 0, 0, 0, "black", "black", "Futura", 12, "", "", "white", "#9C8431", 0, "gray", 2, ">>", false, true, false, false, 0, false, 4, 4, "black");
menus[3].addItem("visitcare.html", "", 22, "left", "Care between Visits", 0);
menus[3].addItem("oralcare.html", "", 22, "left", "Oral Care", 0);
menus[3].addItem("preventcare.html", "", 22, "left", "Preventative Care", 0);
} //OUTER CLOSING BRACKET. EVERYTHING ADDED MUST BE ABOVE THIS LINE.
Here is the html file that is incorporating the menu, for testing....
filename: example2.htm
<html>
<head>
<title>Test Page</title>
<script type="text/javascript" src="includes/browser.js">
/***********************************************
* Jim's DHTML Menu v5.7- © Jim Salyer (jsalyer@REMOVETHISmchsi.com)
* Visit Dynamic Drive: http://www.dynamicdrive.com for script and instructions
* This notice must stay intact for use
***********************************************/
</script>
<script type="text/javascript" src="config2.js"></script>
</head>
<body onload="init()">
</body>
</html>
Can anyone help me at all????
