PDA

View Full Version : Jim's DHTML Menu V5.7



eschalk
11-13-2004, 07:06 PM
I've downloaded your "Jim's DHTML Menu V5.7" and I absolutely love the way it works and looks. I was wondering if you could help me with one little bug that I'm having a heck of a time resolving. this is my site http://www.lomira.k12.wi.us/teachers/schalk/
I've put images in the menu, but when you mouse over it, it shows an empty image holder (the image properties shows it as undefined). Any idea where I missed something. I think it should be somewhere in the .js file, but I'm not sure where. Any advise you could give would be greatly appreciated.

cr3ative
11-14-2004, 02:48 PM
Try making the filenames absolute rather than relative, here:

rollover:images/tourbutton_logo.jpg

Absolute is something like http://www.wherever.com/wherever/wherever.gif
Relative is something like ..\wherever.gif

cr3ative

eschalk
11-15-2004, 01:45 PM
all of my picture paths are already absolute. Here's what my config file looks like. i've tried it as rollover: and as img:. they both seem to work-except on mouse over.

function init()
{
//Main Menu items:
menus[0] = new menu(30, "horizontal", 10, 10, 0, 0, "#CC0000", "#000000", "Times", 10,
"", "bold", "black", "white", 1, "#CC0000", 2, "", false, true, true, true, 12, false, 4, 4, "black");
menus[0].addItem("http://www.lomira.k12.wi.us/teachers/schalk/index.htm", "img:images/button_logo.jpg", 109, "left", "rollover:images/homebutton_logo.jpg", 0);
menus[0].addItem("#", "", 109, "left", "rollover:images/subjectsbutton_logo.jpg", 1);
menus[0].addItem("#", "", 109, "left", "rollover:images/schedulebutton_logo.jpg", 2);
menus[0].addItem("#", "", 109, "left", "rollover:images/assignbutton_logo.jpg", 3);
menus[0].addItem("#", "", 109, "left", "rollover:images/gradesbutton_logo.jpg", 4);
menus[0].addItem("#", "", 109, "left", "rollover:images/classbutton_logo.jpg", 5);
menus[0].addItem("#", "", 108, "left", "rollover:images/tourbutton_logo.jpg", 6);

//Sub Menu for 2nd Main Menu Item ("img:images/button_logo.jpg"):
menus[1] = new menu(100, "vertical", 0, 0, 0, 0, "#CC0000", "#000000", "Times", 10, "", "bold", "black", "white", 1, "gray", 2, 62, false, true, false, true, 6, true, 4, 4, "black");
menus[1].addItem("http://www.lomira.k12.wi.us/teachers/schalk/read/reading.htm", "", 22, "left", "Read & Lang", 0);
menus[1].addItem("http://www.lomira.k12.wi.us/teachers/schalk/spell/spelling.htm", "", 22, "left", "Spelling", 0);
menus[1].addItem("http://www.lomira.k12.wi.us/teachers/schalk/math/math.htm", "", 22, "left", "Math", 0);
menus[1].addItem("http://www.lomira.k12.wi.us/teachers/schalk/soc/socialst.htm", "", 22, "left", "Social Studies", 0);

//Sub Menu for 3rd Main Menu Item ("rollover:images/schedulebutton_logo.jpg"):
menus[2] = new menu(100, "vertical", 0, 0, 0, 0, "#CC0000", "#000000", "Times", 10, "", "bold", "black", "white", 1, "gray", 2, ">>", false, true, false, false, 0, true, 4, 4, "black");
menus[2].addItem("http://www.lomira.k12.wi.us/teachers/schalk/schedule.htm", "", 22, "left", "Schedule", 0);
menus[2].addItem("http://www.lomira.k12.wi.us/teachers/schalk/calendar.htm", "", 22, "left", "4B Calendar", 0);
menus[2].addItem("http://www.lomira.k12.wi.us/teachers/schalk/contact.htm", "", 22, "left", "Contact Info", 0);
menus[2].addItem("http://www.highschoolsports.net/default3.cfm?scm=1&ltc=1&otc=1&ptc=1&school=WI5304810535", "", 22, "left", "District Calendar", 0);

//Sub Menu for 4th Main Menu Item ("rollover:images/assignbutton_logo.jpg"):
menus[3] = new menu(100, "vertical", 0, 0, 0, 0, "#CC0000", "#000000", "Times", 10, "", "bold", "black", "white", 1, "gray", 2, ">>", false, true, false, false, 0, true, 4, 4, "black");
menus[3].addItem("http://www.lomira.k12.wi.us/teachers/schalk/1today.htm", "", 22, "left", "Today", 0);
menus[3].addItem("http://www.lomira.k12.wi.us/teachers/schalk/archive.htm", "", 22, "left", "Archive", 0);
menus[3].addItem("http://www.lomira.k12.wi.us/teachers/schalk/assignpage.htm", "", 22, "left", "Blank page", 0);

//Sub Menu for 5th Main Menu Item ("rollover:images/gradesbutton_logo.jpg"):
menus[4] = new menu(100, "vertical", 0, 0, 0, 0, "#CC0000", "#000000", "Times", 10, "", "bold", "black", "white", 1, "gray", 2, ">>", false, true, false, false, 0, true, 4, 4, "black");
menus[4].addItem("http://www.lomira.k12.wi.us/teachers/schalk/grades/index.html", "", 22, "left", "Check Grade", 0);
menus[4].addItem("http://www.lomira.k12.wi.us/teachers/schalk/gradescale.htm", "", 22, "left", "Scale", 0);
menus[4].addItem("http://www.lomira.k12.wi.us/teachers/schalk/gradescale.htm", "", 22, "left", "Grade Calc.", 0);

//Sub Menu for 6th Main Menu Item ("rollover:images/classbutton_logo.jpg"):
menus[5] = new menu(100, "vertical", 0, 0, 0, 0, "#CC0000", "#000000", "Times", 10, "", "bold", "black", "white", 1, "gray", 2, ">>", false, true, false, false, 0, true, 4, 4, "black");
menus[5].addItem("http://www.lomira.k12.wi.us/teachers/schalk/rules.htm", "", 22, "left", "Class Rules", 0);
menus[5].addItem("http://www.lomira.k12.wi.us/teachers/schalk/folders.htm", "", 22, "left", "Folders", 0);
menus[5].addItem("http://www.lomira.k12.wi.us/teachers/schalk/snacks.htm", "", 22, "left", "Snacks", 0);

//Sub Menu for 7th Main Menu Item ("rollover:images/tourbutton_logo.jpg"):
menus[6] = new menu(100, "vertical", 0, 0, 0, 0, "#CC0000", "#000000", "Times", 10, "", "bold", "black", "white", 1, "gray", 2, ">>", false, true, false, false, 0, true, 4, 4, "black");
menus[6].addItem("http://www.lomira.k12.wi.us/teachers/schalk/movies/tourhigh.htm", "", 22, "left", "High Res.", 0);
menus[6].addItem("http://www.lomira.k12.wi.us/teachers/schalk/movies/tourlow.htm", "", 22, "left", "Low Res.", 0);
menus[6].addItem("http://www.apple.com/quicktime/download/", "", 22, "left", "Quicktime", 0);

} //OUTER CLOSING BRACKET. EVERYTHING ADDED MUST BE ABOVE THIS LINE.

cr3ative
11-15-2004, 03:20 PM
I mean this line:

menus[0].addItem("http://www.lomira.k12.wi.us/teachers/schalk/index.htm", "img:images/button_logo.jpg", 109, "left", "rollover:images/homebutton_logo.jpg", 0);

More specifically img:images/button_logo.jpg

Hope this helps
cr3ative

eschalk
11-16-2004, 02:01 PM
ok, this is really bizarre. When I put in the absolute paths, I get an empty image holder except it does show up on the mouse over. Any way to combine these so it shows both ways? I thought to add the relative path seperated by a colon, but that didn't work.