MM_swapImage not working in IE 6 SP2

Forum|Forum|19 years ago
December 18, 2006
6 replies
945 views

I saw a previous message on the same topic, but it ended unresolved, so I thought I'd try to introduce the topic again.

The MM_swapImage function does not appear to work on IE6 with SP2. Apparently, Microsoft's "security fixes" interfere with the javascript. I simply selected an anchor tag and applied the action using standard Dreamweaver procedures. Does anyone know a way around this?

You can see a sample of the problem at my site: http://www.feldkamps.com The buttons should hi-lite upon rollover, and of course, they should be links -- that seems to be malfunctioning also.

This works perfectly in 3 different browsers on my Mac, and it works in Firefox on my PC at work.

(Actually, I'll probably try to put a temporary work-around on my main page, so after today, look for the malfunctioning code at http://www.feldkamps.com/test.html instead of the home page.)

Server side applications

This topic has been closed for replies.

N

newaccess

Participant

The rollovers and linkeages work fine.
But I am having trouble creating rollovers of my own using the swapimage.
Furthermore, I can create a simple rollover using the Fireworks but how do I use it in Dreamweaver. Needless to say, I am new to this.

N

Newsgroup_User

Inspiring

Rick:

Layers are absolutely positioned page elements. This means that you specify
their position using top/right/bottom/left attribute values. Your layers
had top atribute values, but no left ones. This means that they *would*
have all lined up on the left margin of the page (since they are positioned
with regard to the <body> tag if there is no positioned ancestor present -
and in your case there was not). However, your left margin specification
moved them away from the left margin by an equivalent amount. That amount
was not enough, though, to place them over the button background images
*except* when the browser viewport was sufficiently narrow to put the left
side of the page right on the left margin. I believe if you would go back
to your original layout and mouse to the left of the store button, you would
find a spot where the over image would appear.

What I did was to make your #wholepage div be relatively positioned. As
such, it will then become a 'nearest positioned ancestor' for all the layers
on the page. Then, since it is a centering div (the margin:0 auto), when it
moves, the layers will move with it, i.e., they retain their alignment with
content on the page.

Also, I removed the left margins on the layers and replaced them with left
positions.

Finally, I gave the layers a z-index value of 99 to make sure that they are
on top of everything else on the page.

> And I particularly don't understand why any of this would cause the
> javascript
> to fail in IE while working in other browsers.

That was your interpretation - but it was wrong. The javascript was working
fine. The problem was that you were mousing over where you thought the
layer should have been but it was not there. When you have such problems,
adding a background color to the layers is a good idea.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Rick Feldkamp" <webforumsuser@macromedia.com> wrote in message
news:em8uhg$oqc$1@forums.macromedia.com...
> Thanks again. I made a few simple changes to my stylesheet and everything
> works
> fine now.
>
> However, I'm not precisely sure why. If you can spare a bit of time to
> educate me further, that would be great. If not, maybe you can point me
> somewhere.
>
> Having never had any formal training in this, I'm just guessing at how to
> properly position the div's. I was using left-margin, whereas you used
> left.
> Apparently, this also requires that the larger bounding div's position to
> be
> set to relative, but I'm not sure why. I'm vaguely aware that the z-index
> indicates a layer order, but I'm not clear on when to use it or why it was
> needed here. I know this creates a layer that rides on top of the others,
> but
> in the past, I've had difficulty getting them to line up in any manner
> other
> than a fixed position on the screen. Here, I needed them to be positioned
> relative to other elements.
>
> And I particularly don't understand why any of this would cause the
> javascript
> to fail in IE while working in other browsers.
>
> Thanks again for the help and any further direction you might provide.
>

R

Rick FeldkampAuthor

Participant

Thanks again. I made a few simple changes to my stylesheet and everything works fine now.

However, I'm not precisely sure why. If you can spare a bit of time to educate me further, that would be great. If not, maybe you can point me somewhere.

Having never had any formal training in this, I'm just guessing at how to properly position the div's. I was using left-margin, whereas you used left. Apparently, this also requires that the larger bounding div's position to be set to relative, but I'm not sure why. I'm vaguely aware that the z-index indicates a layer order, but I'm not clear on when to use it or why it was needed here. I know this creates a layer that rides on top of the others, but in the past, I've had difficulty getting them to line up in any manner other than a fixed position on the screen. Here, I needed them to be positioned relative to other elements.

And I particularly don't understand why any of this would cause the javascript to fail in IE while working in other browsers.

Thanks again for the help and any further direction you might provide.

N

Newsgroup_User

Inspiring

Yes - it'll be there for several years, probably! 8)

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Rick Feldkamp" <webforumsuser@macromedia.com> wrote in message
news:em6u4n$dej$1@forums.macromedia.com...
> Wow! Thanks for the fast and extremely helpful reply! Can you testsite
> page up until tomorrow? I'm at work now but will hopefully get to look at
> your code tonight.

R

Rick FeldkampAuthor

Participant

Wow! Thanks for the fast and extremely helpful reply! Can you testsite page up until tomorrow? I'm at work now but will hopefully get to look at your code tonight.

N

Newsgroup_User

Inspiring

> The MM_swapImage function does not appear to work on IE6 with SP2.

It does work. You had other problems on that page. Your use of layers was
a bit unconventional.

Check the store button here, and look at the changes I made to your code (a
new stylesheet at the bottom of the head region).

http://murraytestsite.com/rick-space.html

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Rick Feldkamp" <webforumsuser@macromedia.com> wrote in message
news:em6p95$7er$1@forums.macromedia.com...
>I saw a
> http://www.adobe.com/cfusion/webforums/forum/messageview.cfm?forumid=12&catid=18
> 9&threadid=1146548&highlight_key=y&keyword1=MM%5FswapImage on the same
> topic,
> but it ended unresolved, so I thought I'd try to introduce the topic
> again.
>
> The MM_swapImage function does not appear to work on IE6 with SP2.
> Apparently, Microsoft's "security fixes" interfere with the javascript. I
> simply selected an anchor tag and applied the action using standard
> Dreamweaver
> procedures. Does anyone know a way around this?
>
> You can see a sample of the problem at my site: http://www.feldkamps.com
> The
> buttons should hi-lite upon rollover, and of course, they should be
> links --
> that seems to be malfunctioning also.
>
> This works perfectly in 3 different browsers on my Mac, and it works in
> Firefox on my PC at work.
>
> (Actually, I'll probably try to put a temporary work-around on my main
> page,
> so after today, look for the malfunctioning code at
> http://www.feldkamps.com/test.html instead of the home page.)
>

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded