Preserved Topic: woohoo for doc's simple rollovers! (Page 1 of 1)

i'd just like to share my success story with the forum...

here i am sitting drunk and... uhh... well smoked... but i somehow came to the conclusion that it'd be a good time to work out all of the coding for my page's new design.

i've used different javascript sources for image rollovers before, but never docs until tonight! i must say that it is one of the easiest and cleanest pieces of code i've encountered... even my inebriated arse could set it up perfectly on the first try, bravo!

now would be a good time to pass out... hehe.

(how i'm going to regret this post in the morning)

cheers.mikey.milker

well instead of going to bed like a good boy, i decided to check the page in netscape real quick to make sure everything was working...

of course it wasn't.

for some reason the rollovers aren't functioning in netscape, has anyone had this problem before? perhaps it's from extensive <div> usage? i've noticed problems with netscape hangling javascript once you through <div alignments> into the mix.

if this doesn't help narrow things down, just say something and i'll try to post a copy of the code.

cheers.mikey.milker

Well, usually you use something like "document.imagename.src" to point to the images. In netscape, each div is a new page (kind of), so it ends up as "document.divname.document.imagename.src". With multiply nested divs, this can get kind of ugly. FWIW, the netscape method should also work in IE, heh.

Your pal, -doc-

i hate to sound like a brat.. but that didn't even sound like english to me. some form of "techie-talk" i think =D

seriously though, i can't really follow your meaning so i just uploaded an example of the code and one image rollever for everyone to get the idea...

http://www.zerominuszero.net/xtra/index2.html

go check it out, the rollover seems to work in internet.explorer, but not in netscape.netscape, feh.

thanks for the help guys!

cheers.mikey.milker

Image swapping inside of divs (layers) in netscape requires you to reference said div as a document also yah? so like Doc said :

A normal swap :
document.imagename.src

a swap inside a div :
document.divname.document.imagename.src

a swap inside a nested div :
document.1stDivName.document.2ndDivName.document.imagename.src

You have to reference the Div container/s (by name or index) before you reference the image you want to swap. Oh then comes the fun with altering the swapper().

Cya

[This message has been edited by Weadah (edited 01-10-2000).]

that still doesn't make a whole heck of a lot of sense to me.. i tried tinkering with a few things (like trying to name my divs and stuff, blah blah) but had no results whatsoever.

can someone look at my code and see if they realize what i'm doing wrong and how i should actually be calling those images in the div?

cheers.mikey.milker

Ok i looked through your code....and i don't quite understand why the positioning with div's

Maybe you can position with a table?
With no divs your code should work in Netscape. In your code the Div's don't have a name and don't have an id. The pics do but de Divs don't. So you can not refer to them in the swap function. Which the others were talking about.

The guys are reffering to the following thing:

quote:

---

function swap(des,num) {
if (document.images) {
document.images[names[des]].src = buttons[num].src; }}

---

it's next after the loading of the images.
I hope you are helped with this



[This message has been edited by Rinswind 2th (edited 02-10-2000).]

okay nevermind...

analog and i worked out the problems with the code i was actually using.

thanks guys for offering advice though!

cheers.mikey.milker

OK, these are all good comments here. I've had some other thoughts on this matter, this might get a bit technical but 0æÙÇ?8Q t§)qºÒ} >fEEå©?é<, PS?7* (Ý'?*s¡h*=K*>xZK`¿kj÷ £Oõ* ÿ?¬I*ÄËS iÂëT?P CFüXq?". [yuù8Ü¢a 'þ°?y? rL§7#» 3§ÉN¶**µ? _WÙFþa. F©B9̧Jç, simply apply these concepts and your problems will be solved!

Your pal, -doc-



Oops! Sorry, typo. Fixed now.

[This message has been edited by DocOzone (edited 02-10-2000).]

and i thought i did too many drugs...

doc? are you feeling okay buddy?

well while we're at it... can everyone check out http://www.zerominuszero.net/xtra/index2.html again and see if the rollover images now work for you? just want to make sure.

cheers.mikey.milker

Heh. Wasn't too long ago that all Javascript looked like that to me.

Mikey : Good in IE. Can't tell you bout Scape sorry.

Works in netscape and ie trying opera right now.

having tried opera too works!
good job mikey


[This message has been edited by Rinswind 2th (edited 02-10-2000).]

[This message has been edited by Rinswind 2th (edited 02-10-2000).]

ok in Netscape 4.51

my god.. i hate to speak too soon, but if it works in opera?!?! hell, then it must work in ANYTHING!

you guys are rad, thanks for taking the time to make sure i didn't screw up doc's code, haha.

cheers.mikey.milker

Hey, ya know Doc, i WAS planning to learn JS but i am really scared now.... WOW. that looks like some HEAAVY coding!

If you want to learn javascript you have to go to http://www.dansteinman.com/dynduo/

That has got to be the easiest and most in depth tutorial I have ever found on the subject.

Once you get done with that, you can start coding everything and anything. You may need to go to netscape.com and find their Javascript guide. That has everything, so if you have any questions your answer will be there or it will not exist.

FYI: link to netscape http://developer.netscape.com/docs/manuals/communicator/jsref/index.htm