Image FLip not work in IE

[ClickOn21]

Hi,

I've created webpage using FP 2002, and it worked find when previewed. But when launched to IE version 7, the image flip buttons wouldn't work at all :confused: ? Also, i have issue with Excel table with formula embedded in the page...it wouldn't show at all and a message "need web component" :eek: . Please help me, thank you and God bless.

[abz]

Can you paste some of the page code so people can try to spot the problem?

When you were viewing the site before, did you ever try it in mozilla, opera, netscape ro anything? or just IE? Chances are it was broken in those too. IE likes to make its own rules.

[ClickOn21]

Well,

Here's some of the code...
(inside the head)
<script type="text/javascript">
if (document.images) {
image1N= new Image();
image1N.src= 'Home_1.gif' ;
image1H= new Image();
image1H.src= 'Home_1b.gif' ;

image2N= new Image();
image2N.src= 'About_1.gif' ;
image2H= new Image();
image2H.src= 'About_1b.gif' ;

.....(total of 7 image flip buttons)

function myOn(myImgName) {

document[myImgName].src=eval(myImgName+ 'H' ).src;
}

function myOut(myImgName) {

document[myImgName].src=eval(myImgName+ 'N' ).src;
}
}
</script>


(inside the body)
<a HREF= "Start.htm"><img SRC= "Home_1.gif" NAME= "image1" BORDER="0" width="150" height="22"
onMouseOver = "myOn(this.name)"
onMouseOut = "myOut(this.name)"></a>
<a HREF= "About.htm"><img SRC= "About_1.gif" NAME= "image2" BORDER="0" width="150" height="22"
onMouseOver = "myOn(this.name)"
onMouseOut = "myOut(this.name)"></a>

....total of 7 image flip buttons.

Yes, I just use IE because I don't have any other browser...curiously, they worked fine previewed inside FP 2002. Thanks in advance comrades...God bless.

[abz]

you should try downloading Mozilla firefox (www.mozilla.com). Its free and takes seconds. It is a much more reliable browser, and also more secure. IE is the only browser that doesn't follow web standards, that is why there are so often problems with viewing things in IE. FrontPage is also renowned for adding a lot of 'junk' code into files. It works, but in my opinion, its very messy.

first off I would make everything lowercase. Including your saved page names. Its good for consistancy for you, so you can remember exactly how you formatted things, and its also for the web browser.

is the site online? a URL would be useful if you dont want to paste the full code.

your if statement at the beginning is wrong. And if statement should be structured like:

if(condition){
action
}


document.images is not a condition. There is no reason for those variable values to be inside an if statement. Try changing the definitions to this:


<script type="text/javascript">

var image1N= new Image();
image1N.src= 'Home_1.gif' ;

var image1H= new Image();
image1H.src= 'Home_1b.gif' ;

var image2N= new Image();
image2N.src= 'About_1.gif' ;

var image2H= new Image();
image2H.src= 'About_1b.gif' ;

.....(total of 7 image flip buttons)




Seeing as I dont have the whole code, or site, then I cant test to see if that will work, but have a go, you never know ;) I could be lucky

[ClickOn21]

Much obliged for your advice, abz. I really appreciate it....well, I've never tried Mozilla before. But I'll try accordingly. Thanks again.