Results 1 to 5 of 5

Thread: Jim's DHTML Menu V5.7

  1. #1
    Join Date
    Nov 2004
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Jim's DHTML Menu V5.7

    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.

  2. #2
    Join Date
    Aug 2004
    Location
    Brighton
    Posts
    1,563
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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
    A retired member, drop me a line through my site if you'd like to find me!
    cr3ative media | read the stickies

  3. #3
    Join Date
    Nov 2004
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

  4. #4
    Join Date
    Aug 2004
    Location
    Brighton
    Posts
    1,563
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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
    A retired member, drop me a line through my site if you'd like to find me!
    cr3ative media | read the stickies

  5. #5
    Join Date
    Nov 2004
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •