Poor behavior for simple script in IE7

masonbarge · #1 (**permalink**) Jan 28th, 2007, 12:08

I have this simple script to preload a rollover button graphic and change buttons on mouseover. This is a submit button for a form. As you can see it's in XHTML.

Code: Select all

<head>
<script type="text/javascript">
<![CDATA[
  pic1= new Image(54,54); 
  pic1.src="./images/submit3_over.gif"; 
  
  pic2 = new Image(54, 54);
  pic2.src"./images/submit3.gif"; 
]]>
</script>
</head>

<body>
form here
<div class="tac">                        
<input type="submit" class="submitd2" name="go" value=" " 
onmouseover="this.className='submite2'" 
onmouseout="this.className='submitd2'" />
end form
         </div><div class="clear"></div>

The css is:

Code: Select all

.submitd2 {
    height: 54px;
    width: 54px;
    margin: 0 0 0 45px;
    float: left;
    position: relative;
    top: -9px;
    background: #becbcc url(./images/submit3.gif);
    border-width: 0;
}
.submite2  {
    height: 54px;
    width: 54px;
    margin: 0 0 0 45px;
    float: left;
    position: relative;
    top: -9px;
    background: #becbcc url(./images/submit3_over.gif);
    border-width: 0;
}

This works flawlessly in Firefox. In IE7, however, the rollover is balky and I don't get the image for a half second after rollover or mouseout. Not just the first time either -- I get a brown box grapic and a slow response, where neither image is present.

Any ideas?

P.S. The image has to be in the background because this is a submit button, not an <a> link.
Here's a link if you want to see it. Try it in IE7. http://www.dhreport.com/test_interactive/ezform.php

Ryan Fait · #2 (**permalink**) Jan 28th, 2007, 20:37

Maybe a custom version of the background switch method?

http://www.newguyinennis.com/samples/css_hover/

masonbarge · #3 (**permalink**) Jan 30th, 2007, 12:49

iirc, IE won't support a css background rollover on a submit button.

It doesn't look like the image is getting preloaded even in Firefox, sigh. Any hints? I moved the source code to an external file -- no help.

ukgeoff · #4 (**permalink**) Jan 30th, 2007, 16:41

It might be a stretch, but try putting your snippet of JavaScript in an external file without the CDATA bits.

masonbarge · #5 (**permalink**) Feb 5th, 2007, 16:19

Quote:

Originally Posted by masonbarge

pic2.src"./images/submit3.gif";

D'OH

Amazing what a basic proofread of a script will do.
Working fine now.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Simple reloader script - please help	whitebear654	Starting Out	1	May 5th, 2008 21:33
Poor Audio Quality with Flash .mp3; how do I make .mp3 play automatically?	BlackReef	Flash & Multimedia Forum	7	Jun 28th, 2007 21:58
Simple PHP login script help	Aaron1988	PHP Forum	7	Aug 23rd, 2006 23:38
Poor text rendering in graphics	masonbarge	Graphics and 3D	7	Apr 27th, 2006 15:36
Weird Opacity behavior in PS 7	autumn_whispers2me	Graphics and 3D	0	May 3rd, 2005 22:24

		Webforumz.com > Main Forums > Program Your Website > JavaScript Forum
Poor behavior for simple script in IE7