IE and onmouseover

[sh33n]

Why doesn't IE like it!!

Arggh!

Is there anyone that can shed any light on this?

I've basically finished a site, well 90% done, thought oh I better check it in IE, and yep it's now fuxxed!

 

[ollie]

what code ya usin to do it When i do mouseover with DreamWeaver - works a treat in FF and IE

 

[Daz]

Cus' IE does it's own thing.. seriously.. fully validated CSS looks different in IE than Mozilla a lot of the time - shocking.

 

[Englebert]

Got a link to it?

Sure you have pasted the neccessary JavaScript? I often copy and paste buttons with mouse over events and forget the JavaScript.

 

[sh33n]

Yer, IE is so ghey.

Here's a demo:
http://www.sh33n.com/bluewindow/format.htm

It's not the prettiest code but I washing just trying to bash it out.

Should have used CSS! Thought, nah I'll just do it with JS quickly! How ghey!

 

[Nightfire]

Cus' IE does it's own thing.. seriously.. fully validated CSS looks different in IE than Mozilla a lot of the time - shocking.

Having to hack for IE's box model is a pain in the ass

I ain't that good with js, so can't help you out unfortunately

 

[sh33n]

Anyone else got any ideas?

 

[Adams_16v]

I HATE browser compatibility. Really fuks me off!

Like Daz says, even 100% valid CSS and xHTML doesnt always display right in IE, FF and Opera.

One tip when designing a site, test it in at least all 3 of those during the whole design process.

As for your mousover problem, try this! I've used it recently on a website, and in IE it has a nifty additional fade effect on the images. Any other browser it just does the simple image swap, but works!

http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

 

[Englebert]

Was about to reply to your PM dood, basically i have no idea but i would just use a site like Adam has posted for an alternative. Otherwise find a forum with JS bods!

 

[jon_r]

I wish we could rid the world of IE. My life would become so much simpler!

I might go on a crusade!

 

[sh33n]

I wish we could rid the world of IE. My life would become so much simpler!

I might go on a crusade!

Do it, I'll sign the petition!

Cheers guys, will take a look at that link Adam!

 

[Nightfire]

The forums for dynamic drive - www.codingforums.com will help you. Been a member there for years now and there's kids on there that can do just about anything lol

 

[172.com]

Hopefully this won't get mangled in the output...

<!-- the revised js code -->
<script type="text/javascript" language="JavaScript">
    function shim(objImageID, blState) {
        if (blState == 'on') {
            document.getElementById('menu' + objImageID.id).src = 'img/on.gif';
        } else {
            document.getElementById('menu' + objImageID.id).src = 'img/off.gif';
        }
        document.getElementById('mainimg').src = 'img/architecture/' + objImageID.id + '.jpg';
    }
</script>

<!-- the revised menu code -->
<!-- note the anchor tag now has an ID e.g. 1, 2, 3 etc and the image ID is now 'menu' and the anchor ID e.g. menu1, menu2, menu 3 etc -->

<a id="1" href="#" onmouseover="shim(this, 'on'); return false;" onmouseout="shim(this, 'off'); return false;"><img id="menu1" border="0" src="img/off.gif" /></a>

<!-- the revised main image code -->

<img src="img/architecture/1.jpg" id="mainimg" />