Javascript not working in FF only IE

CircleOfLinks · 05-18-2008, 06:16 AM

Hey guys i need your help with something...

Can you tell me how to fix up a script i installed on my site? basicallt whats happening is it wont work in FF but only in IE, I've used the same script on another site and its working fine in both IE and FF but not on my site

If you go to page www.swiftproductions.com.au/recent_work.html towards the bottom is where the script it.

thanks heaps

corneo · 05-18-2008, 06:38 AM

Did you dump your cookies on FF before you look at it? I've tired on FF and safari and see the same thing.

Are you talking about the nav buttons on the left bottom?

**StarLab** · 05-18-2008, 07:23 AM

I think I used that script a few years back with no browser issues.

I notice you're using several scripts on this page. I suspect there might be a conflict that the other browsers aren't liking. (Not sure though)

Try disabling the other scripts. If the scroller works in all browsers after that, start plugging the other scripts back in one by one until the problem resurfaces. At that point, you'll know which 2 aren't playing nice together.

I'm not a JS guru by any means, but this will eliminate the conflict possibility.

nasty.web · 05-18-2008, 01:27 PM

From the script comments (starting line 28 in your page):

Code:

Create a div with transparent place holder in your html	
	<div id="Book" style="position:relative">
		<img src="placeholder.gif" width="144" height="227">
	</div>

However, I don't see such div on your page.

**StarLab** · 05-18-2008, 02:36 PM

Ok, now that I'm home for the evening, I decided to look at this a little closer.

With the exception of Google Analytics, (won't touch this without permission) I created a page using the scripts you have used. All worked fine in FF and Safari.

After looking closer at your code, your head and body tags appear as such:

Code:

<head>
...all your header code...
</head><br>
<script type="text/javascript">
gradualFader.init() //activate gradual fader
</script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "xx-xxxxxxx-x";
urchinTracker();
</script>
<BODY>
...your body code...
<body onload="ImageBook()">
</BODY>

The code in boldface is outside the <head> and <body> tags. These should be inside one or the other. (depending on script instructions)

The line reading <body onload="ImageBook()"> near the bottom is your main problem. Remove that line and insert the "onload" code into your main body tag so your structure looks like this...

Code:

<head>
...header code...
</head>
<body onload="ImageBook()">
...body code...
</body>

Doing these adjustments should fix things up. (hopefully

)

If not, let us know.