Netscape is EVIL!!! (images in NN)

[TopheDaddy]

I was doing a simple image replacement. Originally I had the page setup with a row of thumbnail images and a big "main" picture. When you click a thumbnail the main picture is replaced with the thumb's full size. The images are all different sizes. This worked flawlessly in IE. Netscape had this little issue where the main pic would always posses the same height/width properties as the first image loaded into it. (IE would render the main pic with the h/w properties of the file itself - as I wanted.)

Why?

I read that NN doesn't allow writing to the h/w properties. Ugh!!! So I re-coded the page using div tags and absolute positioning. The bottom layer held the original design structure with the thumbnails. Then there are several hidden layers, with full-size pics, positioned just right. Click on a thumbnail, it hides the currently visible layer and the shows the thumbnail's corresponding layer. (layers with div tags - NOT layer tags)

So this works great! And in both browsers! A ha ha I have conquered Netscape and all its evil!!! Or so I thought. Now none of my rollovers work on the same page!!!! Now this is really strange and hopefully someone can explain this:

document.images.length produces a zero in Netscape. Why can't Netscape find the images? If I take the div tag off the bottom "design" layer, Netscape finds the images. Why do those div tags hide the images from the document??? (IE finds them all perfectly btw)

(I'm testing on IE 5.5 and NN 4.75 on Windows)

[Till]

That's kind of tough.

I think if you would do it like this:

<div id="blah">
...
</div>

whatever's inside the div would be conrolled by:

document.getElementById("blah")

However. I am not sure how to get the images in between. I've never heard that before - div-tags hiding images in Netscape. Read up on JavaScript here, to find out. The docs are your friend!

Till

[TopheDaddy]

Well I found virtually NO documentation on the getElementById() function. It's nowhere in my O'Reilly books and after a patient 10 minutes on Google I gave up hope. (Most stuff on the function refers to XML DOM specs.) I did find several examples of it in use though.

But here's how I actually fixed my issue:

if (isNN) {
document.layers["blah"].document.images[...]....
}

Now honestly...how redundant is that? But it works. I found this gem in some code produced by Dreamweaver.


(p.s. Netscape is still evil!)

[tthurgo]

Originally posted by TopheDaddy
Well I found virtually NO documentation on the getElementById() function. It's nowhere in my O'Reilly books and after a patient 10 minutes on Google I gave up hope. (Most stuff on the function refers to XML DOM specs.) I did find several examples of it in use though.

But here's how I actually fixed my issue:

if (isNN) {
document.layers["blah"].document.images[...]....
}

Now honestly...how redundant is that? But it works. I found this gem in some code produced by Dreamweaver.


(p.s. Netscape is still evil!)

Tough one. And I totally agree.

[bsasportznut]

I always thought Netscape was evil...I was right

[tthurgo]

Originally posted by bsasportznut
I always thought Netscape was evil...I was right

I am surfing with Mozilla right now. I like it. It crashes less than IE6 and I *think* it sends less information about my online activities to Microsoft as well. :driver