OK, I have a little site I whipped up for my family - basically just a bunch of links to my gallery and some future stuff.

I have some hidden layers that appear when you mouse over parts of the image - namely "us peoples"

Here's the strange part - and it's opposite of the issues I've heard other folks having.

Everything works as it should in Firefox, but in IE, only the menu associated with the child on the right is working. I've posted this on the Macromedia Dreamweaver site and have tried a number of things suggested. As in:

• Each map line added an href for javascript - didn't work so I reverted
• Tried adding a onMouseOut behavior - didn't work so I reverted
• Tried changing the maps to onClick instead of onMouseOver - didn't work so I reverted

I think that's it. You can right click to view source. Page was composed using Macomedia Dreamweaver MX 2004.

www.cebulak.com

Any ideas?

 

have you tried image maps? i know it's "old news" compared to layers, but heck, they do work.

here's your code. hope it works and doesn't get freaky here. dog first, then you, then to your left in sequence from there.

<!-- Beginning of CSIM -->
<IMG SRC="0206-woodsrun.jpg" USEMAP="#0206-woodsrun.jpg" WIDTH=800 HEIGHT=600 BORDER=0>
<MAP NAME="0206-woodsrun.jpg">
<AREA SHAPE=POLY COORDS="35,489,63,473,56,500,71,528,82,544,54,569, 67,599,110,599,138,549,138,509,203,545,237,543,221 ,599,296,599,286,565,286,544,313,502,322,469,320,4 40,351,421,387,428,408,407,374,387,354,370,328,371 ,307,385,281,402,267,417,259,429,219,439,203,443,1 45,436,109,436,77,447,49,462,31,485,34,488,34,483" >
<AREA SHAPE=POLY COORDS="230,194,261,194,278,220,279,237,277,247,28 1,257,282,273,292,285,307,315,314,341,317,381,291, 393,273,407,254,428,226,436,192,442,161,442,126,44 0,109,439,110,408,112,386,121,357,130,334,130,310, 134,289,148,269,182,251,204,241,210,231,220,213,22 5,197,225,197">
<AREA SHAPE=POLY COORDS="317,375,315,347,326,333,352,319,357,300,35 9,281,369,263,390,267,401,270,407,294,403,321,415, 331,428,371,438,414,447,423,414,426,394,463,382,48 6,390,507,409,521,405,562,404,598,329,599,342,574, 335,539,334,492,330,463,330,439,348,423,387,433,40 6,410,402,397,372,383,355,369,327,368">
<AREA SHAPE=POLY COORDS="441,223,426,239,417,285,405,298,408,320,43 3,370,441,408,447,426,419,431,385,488,408,515,428, 541,412,599,478,599,498,562,475,533,500,490,535,49 4,537,468,515,433,535,397,536,359,526,330,512,310, 499,296,489,279,483,267,483,252,475,231,466,223,44 8,221">
<AREA SHAPE=POLY COORDS="516,225,511,236,513,252,509,276,500,288,51 1,303,529,332,537,353,546,329,554,321,567,315,582, 310,580,299,580,288,563,284,557,271,559,256,559,24 3,559,233,532,231,512,221">
<AREA SHAPE=POLY COORDS="673,599,576,599,579,580,557,542,544,514,54 5,483,527,444,523,432,538,408,542,369,550,328,576, 317,588,311,586,293,586,270,594,259,621,267,638,28 9,632,299,652,309,662,350,672,376,687,434,685,464, 678,470,664,492,666,524,672,563,673,594">
</MAP>

 

OK, I understand this, but where do I add my JS? At the end of each line as it is in the code now? What I don't understand is that I did layers on another one of my pages and it works fine in both browsers (www.cebsource.com). There's got to be one little thing that's throwing it out of wack for IE.

 

yes -- add this (in its variations per page and of course with your JS) to each <area shape> command:

TARGET="_blank" OnMouseOver="window.status='dosomething()'; return true" -- right at the end, after the quotes before the final >

i'll look at the original code and see if anything jumps out.

edit: do you think it has anything to do with the frames? i'd actually expect it's harder, not easier, to make it work, but i thought i'd throw that out there as a first guess.

edit #2: sorry -- i see that you *did* use a map for the page before. i'm suspecting something with the naming of the div, perhaps. i'll focus on that.

edit #3: haha. ok squelch that. the divs look fine, as one would expect from macromedia. i'm a bit stumped, sorry. as we used to say in ceramics class way back in college: just destroy it. you'll make the second better and faster anyway.

 

No frames on this page, just tables and layers. Do you think it might be that the map info is after the layer info? Just guessing at this point.

 

I had similar troubles with some pages I wrote at work. Mine seemed to be a problem with the z-index's not working in IE. Maybe try playing around with those, it looks like the only one that works has z-index=1. I'll take another look when i get to work & can try it on ie.

 

Well, I changed the z-index figures to see if that had any impact - nope...

Here's what is also strange. If you scroll over each of us from right to left, you'll see the pointer turns into a hand for the first child and the menu comes up. On the second child from right to left, the pointer turns into a hand, but no menu. On the rest of us, there is no change of the pointer to a hand at all. It's almost as if the JS stops working. The links at the bottom are also on layers that are always on.

 

something easy to try, for drew the div id= "drewlinks" and the select name="drewslinks" - for all the rest they have the same name. This seems really stupid to me, but i loaded your page onto my webserver at work & making the id's not match the names fixed it.

edit: not very clear, was I?

for yours
keep
<div id="mikeslinks"
but change
<select name="mikeslinks"
to
<select name="mikelinks"

 

imagemaps may work best for you cebby.

if i were you, id go to download.com and get something like this: http://www.download.com/Imagemap-App...ml?tag=lst-0-1

ive never used it, but back int he day these types of programs saved me time when i needed to use imagemaps.

try it out, see if it solves your problem.

 

I think I love you.

THANK YOU!!!! I don't know what made you try that, but I need a little of that DNA!

 

Did you notice that when you mouse over the dog, he barks?

 

Macromedia has all this stuff built in. Apparently it doesn't always work as desired... I created maps on all of the "subjects" in the photo as well as the icons at the top (they are all a part of my PSD image and not separate images)

 

When I mouse over the dog in FF, nothing. In IE, it opens another page with a Quicktime plugin to play the bark.

 

FF requires a plug in (I haven't been able to make that part work - that's the last thing to work on).

My IE on the other hand works fine. Maybe a setting in your IE Chris? Odd that you mention Quicktime, cause that's what FF wants to install to handle the sound byte.

The file is a .wav - is that the problem? Is there a better filetype to use?

 

no speakers, i'll try it at home, glad to see it working!

We have a saying here at the office, FM.

standing for, uh, something Microsoft

 

glad it's fixed. i was partway there -- naming -- but didn't make the full connection. good job brian!