Basic javascript works in IE but not Netscape or FireFox

DrP · 08:08 AM

Hi. I'm trying to learn some basic javascript. I've adapted some code from a member of this forum which changes the source of a large picture when a thumbnail is clicked on.
For now I'm testing it with coloured squares. In IE the page is working perfectly but when the thumbs are clicked in either Netscape or FireFox nothing happens. Can anyone help? Please!
Here's the link
http://www.cliveportman.co.uk/clive_site/home.html

brendandonhu · 20-Aug-2005, 09:04 PM #2

Link isn't working.

ggordie · 20-Aug-2005, 10:10 PM #3

ur probly using Jscript, microsofts version of javascript. javascript was invented by mozilla, th company that makes firefox and netscape, so it's unlikely that javascript isnt working on your mozilla browsers. jscript and javascript are almost the same, but not entirely, so they're easily confused.

DrP · 21-Aug-2005, 10:32 AM #4

Oops, I changed the link yesterday. Here's the new one:
http://www.cliveportman.co.uk/gallery/gallery.html
When I have a look at it in Firefox I go to the Javascript console and it tells me that big_image is not defined. What does this mean?

aewarnick · 21-Aug-2005, 10:57 AM #5

In programming, when something is not defined it means that a variable was created but has no definition (there is no telling what KIND of variable it is).

Are you able to post some code?

DrP · 21-Aug-2005, 11:42 AM #6

Sure. This is in the <head>:

<script type="text/javascript">
function changeImage(filename)
{
big_image.src = filename;
}
</script>

And I call the script by clicking on this thumbnail:

<a href="javascript:changeImage('photos/wells_castle.jpg')">
<img src="thumbs/wells_castle_thumb.jpg" alt="Wells Castle"/></a>

And the Big_image is here, which shows the larger photograph:
<div id="main_image">
<img id="big_image" src="../white_square.gif" alt=""/>
</div>

Does that help?

aewarnick · 21-Aug-2005, 12:05 PM #7

Where is big_image declared: var big_image? If it was never declared, that's your problem.

aewarnick · 21-Aug-2005, 12:11 PM #8

Try this:

var big_image = new Image();
big_image.src = filename;

I'm not sure that will work, but it's worth a try.

DrP · 21-Aug-2005, 12:23 PM #9

No, it even stopped it working in IE!
The link to the actual page is here:
http://www.cliveportman.co.uk/gallery/gallery.html
Any other ideas?

aewarnick · 21-Aug-2005, 03:42 PM **#10**

Did you try:

<script type="text/javascript">
var big_image=new Image();
function changeImage(filename)
{
big_image.src = filename;
}
</script>

AND

<script type="text/javascript">
function changeImage(filename)
{
var big_image=new Image();
big_image.src = filename;
}
</script>

DrP · 22-Aug-2005, 05:44 AM **#11**

Yes, tried both of those but to no avail. Have, however, solved it 10 min ago. I just changed big_image.src = filename to document.images.big_image.src = filename and it works in both Netscape and Firefox!
Get in there!
DrP

aewarnick · 22-Aug-2005, 09:26 AM **#12**

Glad you found the problem!

That is why it worked in IE but noone else. IE does not follow standard like they should.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Search
Search for:

Basic javascript works in IE but not Netscape or FireFox

Find the solution to your computer problem!

Find the solution to your
computer problem!