Menu
Hi,
I’m designing a webpage that sells Halloween products. I’m using a couple of javascript functions to add some interactivity to the page, but I’ve run into a problem. Now, I’d like to have two things happen when the user mouses over that little window over the door:
1.
the window opens to reveal an icon, like this:
[url]http://catherineharrell.com/holidaysites/halloween/imageswap.html
and at the same time, a name appears below the haunted house, like this:
[url]http://catherineharrell.com/holidaysites/halloween/hilite.html
These two functions work independently…but put them together, and only one will work.
The two pages I showed you are identical, except that on that first page, the body onload function looks like this:
body onload=”initMaps(‘menubarMap’);hiLite(imgName,imgObjName)”>, so only the initMaps function works (the bag icon appears).
And on the second page, the order is reversed:
<body onload=”hiLite(imgName,imgObjName);initMaps(‘menubarMap’)”> so only the hiLite function works (the name appears).
I’m kind of a beginner with this sort of thing, so I suspect there’s a conflict in the code but I don’t know exactly how to go about solving it. Any help would be appreciated. Thanks for checking it out.
-Catherine