Wierd layers glitch between FF and IE

Cebby · 02-16-2006, 07:22 PM

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?

This ad is not displayed to registered members.
Register your free account today and become a member on Yotatech!

photoleif · 02-16-2006, 08:11 PM

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.


<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>

Cebby · 02-16-2006, 09:24 PM

Quote:

Originally Posted by photoleif

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.


<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.

photoleif · 02-16-2006, 09:32 PM

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.

Cebby · 02-16-2006, 10:00 PM

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.

tulsa_97SR5 · 02-17-2006, 04:43 AM

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.

Cebby · 02-17-2006, 05:18 AM

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.

tulsa_97SR5 · 02-17-2006, 06:41 AM

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"

lee · 02-17-2006, 07:00 AM

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.

Cebby · 02-17-2006, 07:15 AM

Quote:

Originally Posted by tulsa_97SR5

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"

I think I love you.

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

Cebby · 02-17-2006, 07:16 AM

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

Cebby · 02-17-2006, 07:24 AM

Quote:

Originally Posted by lee

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.

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)

Churnd · 02-17-2006, 07:32 AM

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

Cebby · 02-17-2006, 07:46 AM

Quote:

Originally Posted by Churnd

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?

tulsa_97SR5 · 02-17-2006, 07:59 AM

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

photoleif · 02-17-2006, 02:18 PM

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

02-16-2006, 08:11 PM	#2 (permalink)
photoleif Contributing Member Join Date: Jan 2005 Location: 39.995, 105.119 Posts: 643	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> __________________ '95 Xtra cab 3VZE SR5V6 \| 33x10.50-15 BFG AT/KOs \| 4" Superlift \| OME torsion bars \| Total Chaos idler arm and uniball \| Rancho steering stabilizer \| Smittybilt front & rear tubular bumpers \| Sportsman topper \| Aisin hubs \| Dual Optimas \| Extended diff breathers \| Custom center console sometime: rear locker some sometime: retire the IFS My truck page Photography: http://www.aspen-graphics.com Last edited by photoleif; 02-16-2006 at 08:36 PM.

02-16-2006, 09:32 PM	#4 (permalink)
photoleif Contributing Member Join Date: Jan 2005 Location: 39.995, 105.119 Posts: 643	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. __________________ '95 Xtra cab 3VZE SR5V6 \| 33x10.50-15 BFG AT/KOs \| 4" Superlift \| OME torsion bars \| Total Chaos idler arm and uniball \| Rancho steering stabilizer \| Smittybilt front & rear tubular bumpers \| Sportsman topper \| Aisin hubs \| Dual Optimas \| Extended diff breathers \| Custom center console sometime: rear locker some sometime: retire the IFS My truck page Photography: http://www.aspen-graphics.com Last edited by photoleif; 02-16-2006 at 09:59 PM.

02-16-2006, 10:00 PM	#5 (permalink)
Cebby Contributing Member Join Date: Sep 2002 Location: Pittsburgh, PA Posts: 11,246	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. __________________ UZswap.com A site dedicated to sharing info for swapping the Toyota/ Lexus UZ (V8) engines into Toyota Trucks and 4Runners. My 4Runner 1993 4Runner, 1UZ (V8) auto dual ultimate crawler, double locked, 35's on beadlocked SR5 alloys, low lift, hacked fenders, tubbed firewall, custom armor TOOLandFAB.com A discussion forum dedicated to tools, fabrication & workshops. See my JD2 Bender Hydro Conversion BUY THIS 2008 CALENDAR

02-17-2006, 04:43 AM	#6 (permalink)
tulsa_97SR5 Contributing Member Join Date: Feb 2004 Location: tulsa, OK Posts: 1,329	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. __________________ Brian 85 sr5, 5spd - back on the road, doing DD duty for now 86 2wd reg cab - future project 90 sr5, 97 - gone

02-17-2006, 05:18 AM	#7 (permalink)
Cebby Contributing Member Join Date: Sep 2002 Location: Pittsburgh, PA Posts: 11,246	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. __________________ UZswap.com A site dedicated to sharing info for swapping the Toyota/ Lexus UZ (V8) engines into Toyota Trucks and 4Runners. My 4Runner 1993 4Runner, 1UZ (V8) auto dual ultimate crawler, double locked, 35's on beadlocked SR5 alloys, low lift, hacked fenders, tubbed firewall, custom armor TOOLandFAB.com A discussion forum dedicated to tools, fabrication & workshops. See my JD2 Bender Hydro Conversion BUY THIS 2008 CALENDAR

02-17-2006, 06:41 AM	#8 (permalink)
tulsa_97SR5 Contributing Member Join Date: Feb 2004 Location: tulsa, OK Posts: 1,329	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" __________________ Brian 85 sr5, 5spd - back on the road, doing DD duty for now 86 2wd reg cab - future project 90 sr5, 97 - gone Last edited by tulsa_97SR5; 02-17-2006 at 06:54 AM. Reason: clarify

02-17-2006, 07:00 AM	#9 (permalink)
lee Contributing Member Join Date: Dec 2003 Location: boston, ma Posts: 6,756	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.

02-17-2006, 07:16 AM	#11 (permalink)
Cebby Contributing Member Join Date: Sep 2002 Location: Pittsburgh, PA Posts: 11,246	Did you notice that when you mouse over the dog, he barks? __________________ UZswap.com A site dedicated to sharing info for swapping the Toyota/ Lexus UZ (V8) engines into Toyota Trucks and 4Runners. My 4Runner 1993 4Runner, 1UZ (V8) auto dual ultimate crawler, double locked, 35's on beadlocked SR5 alloys, low lift, hacked fenders, tubbed firewall, custom armor TOOLandFAB.com A discussion forum dedicated to tools, fabrication & workshops. See my JD2 Bender Hydro Conversion BUY THIS 2008 CALENDAR

02-17-2006, 07:32 AM	#13 (permalink)
Churnd Registered User Join Date: Jan 2003 Location: Hattiesburg, MS Posts: 4,093	When I mouse over the dog in FF, nothing. In IE, it opens another page with a Quicktime plugin to play the bark. __________________ -Chris If you can't explain it simply, you don't understand it well enough. Click here to search! My Website

02-17-2006, 07:59 AM	#15 (permalink)
tulsa_97SR5 Contributing Member Join Date: Feb 2004 Location: tulsa, OK Posts: 1,329	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 __________________ Brian 85 sr5, 5spd - back on the road, doing DD duty for now 86 2wd reg cab - future project 90 sr5, 97 - gone

02-17-2006, 02:18 PM	#16 (permalink)
photoleif Contributing Member Join Date: Jan 2005 Location: 39.995, 105.119 Posts: 643	glad it's fixed. i was partway there -- naming -- but didn't make the full connection. good job brian! __________________ '95 Xtra cab 3VZE SR5V6 \| 33x10.50-15 BFG AT/KOs \| 4" Superlift \| OME torsion bars \| Total Chaos idler arm and uniball \| Rancho steering stabilizer \| Smittybilt front & rear tubular bumpers \| Sportsman topper \| Aisin hubs \| Dual Optimas \| Extended diff breathers \| Custom center console sometime: rear locker some sometime: retire the IFS My truck page Photography: http://www.aspen-graphics.com

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
FireFox glitch	Churnd	Computer Talk	2	08-31-2005 01:30 PM
14 Bolt FF into a 1988 pickup	TinyTruck	The Fab Shop	17	04-26-2005 05:46 AM
some wierd, wierd stuff	Brendan	Off Topic Talk	0	07-20-2004 09:30 PM
IE glitch	Churnd	Off Topic Talk	9	01-18-2004 07:31 AM