Go Back  DVD Talk Forum > General Discussions > Tech Talk
Reload this Page >

Any Javascript gurus out there: need help with 3rd Image Rollovers in Netscape

Tech Talk Discuss PC Hardware, Software, Internet and Other Technology

Any Javascript gurus out there: need help with 3rd Image Rollovers in Netscape

Old 01-20-04, 07:58 AM
  #1  
DVD Talk Reviewer
Thread Starter
 
Pointyskull's Avatar
 
Join Date: Feb 2001
Location: Formerly known as "12thmonkey"/Frankfort, IL
Posts: 7,583
Received 1 Like on 1 Post
Any Javascript gurus out there: need help with 3rd Image Rollovers in Netscape

I'm using some 3rd image rollover code, and it works fine in IE, but not in Netscape

If anyone JS gurus want to take a peek at the code, or offer a pointer, I'd appreciate it:

http://www.chewbone.net/index_patches_TEST.htm
Old 01-20-04, 10:38 AM
  #2  
DVD Talk Gold Edition
 
Join Date: Dec 1999
Posts: 2,708
Likes: 0
Received 0 Likes on 0 Posts
Which version of Nutscrape?
Old 01-20-04, 10:44 AM
  #3  
DVD Talk Reviewer
Thread Starter
 
Pointyskull's Avatar
 
Join Date: Feb 2001
Location: Formerly known as "12thmonkey"/Frankfort, IL
Posts: 7,583
Received 1 Like on 1 Post
It's not working in 4.7, which is the only version I currently am testing with
Old 01-20-04, 12:12 PM
  #4  
DVD Talk Gold Edition
 
Join Date: Dec 1999
Posts: 2,708
Likes: 0
Received 0 Likes on 0 Posts
Are you getting any kind of javascript error being thrown? Which line?
Old 01-20-04, 12:17 PM
  #5  
DVD Talk Reviewer
Thread Starter
 
Pointyskull's Avatar
 
Join Date: Feb 2001
Location: Formerly known as "12thmonkey"/Frankfort, IL
Posts: 7,583
Received 1 Like on 1 Post
Nope, no errors.
The javascript third image mouseover just doesn't respond at all in Netscape
Old 01-20-04, 01:49 PM
  #6  
DVD Talk Gold Edition
 
Join Date: Dec 1999
Posts: 2,708
Likes: 0
Received 0 Likes on 0 Posts
I managed to check it out on a co-workers PC (I only have Firebird...no nutscrape ). It may be that you have not added either an <a href= or <a name= to the anchor tags. Nutscrape may be a bit stricter in that sense that IE or Firebird is. That was about all I could see that could be affecting it. Also, why are you using 2 different methods to swap out images? The fireworks created section should work equally well for any number of images. You can use the same reference in the a href and image tags in the main section (just make sure to use the same naming conventions...i.e.

<A href="index_projects.htm" **********="MM_swapImgRestore()" ***********="MM_swapImage('bigImage1','','images/projects_development_patches/thumb_01_large.jpg',1)"><img name="bigImage1" src="images/projects_development_patches/thumb_01_small.jpg" width="70" height="65"></a>

And that should swap out the other images too (without having to create your own swap function)

Last edited by Lampei; 01-20-04 at 02:06 PM.
Old 01-20-04, 03:32 PM
  #7  
DVD Talk Reviewer
Thread Starter
 
Pointyskull's Avatar
 
Join Date: Feb 2001
Location: Formerly known as "12thmonkey"/Frankfort, IL
Posts: 7,583
Received 1 Like on 1 Post
Originally posted by Lampei
Also, why are you using 2 different methods to swap out images?
Because instead of the standard rollover (which I'm using for the navigation), I'm swapping out a third image on the center of the page, dependent on which thumbnail is moused over.
Old 01-21-04, 08:55 AM
  #8  
DVD Talk Gold Edition
 
Join Date: Dec 1999
Posts: 2,708
Likes: 0
Received 0 Likes on 0 Posts
You should still be able to use the same function for the rollover though. All that function does is tell the browser to switch out the image (that you're passing in the function call) with another image (that you're also passing in the same function call). Even though the section of the page is different, you can still use that function I've done a similar thing on this page http://www.closetmaid.com/Look/Glamo...oms.cfm?room=2 The nav structure on the left uses the same function call for the rollovers as the ones in the center of the page, but switches different images (as I'm passing different images and paths to swap).
Old 01-21-04, 09:14 AM
  #9  
DVD Talk Reviewer
Thread Starter
 
Pointyskull's Avatar
 
Join Date: Feb 2001
Location: Formerly known as "12thmonkey"/Frankfort, IL
Posts: 7,583
Received 1 Like on 1 Post
Originally posted by Lampei
You should still be able to use the same function for the rollover though.
Well, you learn something new every day. I know enough JS to be dangerous....

Thanks for the tip, and I will attempt to modify my existing code. Based on your example, it should work
Old 01-21-04, 10:27 AM
  #10  
DVD Talk Gold Edition
 
Join Date: Dec 1999
Posts: 2,708
Likes: 0
Received 0 Likes on 0 Posts
[crosses fingers]
Old 01-21-04, 11:10 AM
  #11  
DVD Talk Reviewer
Thread Starter
 
Pointyskull's Avatar
 
Join Date: Feb 2001
Location: Formerly known as "12thmonkey"/Frankfort, IL
Posts: 7,583
Received 1 Like on 1 Post
Originally posted by Lampei
[crosses fingers]
I just need to figure out how much of the actual function script I need to 'borrow'....
Old 01-21-04, 12:07 PM
  #12  
DVD Talk Gold Edition
 
Join Date: Dec 1999
Posts: 2,708
Likes: 0
Received 0 Likes on 0 Posts
You should be able to use this code I posted in a few posts prior.

<a href="index_projects.htm" **********="MM_swapImgRestore()" ***********="MM_swapImage('large_image_name_to_swap','','/path/to/image/to/swap.jpg',1)">
Old 01-23-04, 02:57 PM
  #13  
DVD Talk Reviewer
Thread Starter
 
Pointyskull's Avatar
 
Join Date: Feb 2001
Location: Formerly known as "12thmonkey"/Frankfort, IL
Posts: 7,583
Received 1 Like on 1 Post
Lampei -


This test page - with your borrowed script- works fine in IE, but no 3rd image rollover in Netscape:

http://www.chewbone.net/patch_test.htm

I borrowed your entire script (which has all the menu functions that I don't need - but I wasn't sure what to cut)

IMAGE SECTION WHERE SWAP OCCURS:
IMG NAME="swapit" src="images/projects_development_patches/dev_body.jpg" width="405" height="359"

SMALL IMAGE WHERE MOUSEOVER TRIGGERS 3rd IMAGE ROLLOVER:
a **********="MM_swapImgRestore();" ***********="MM_swapImage('swapit','','/images/projects_development_patches/thumb_01_large.jpg',1);">img src="/images/projects_development_patches/thumb_01_small.jpg" width="70" height="65"></a

This is making me nuts.....

Last edited by Pointyskull; 01-23-04 at 03:01 PM.
Old 01-23-04, 03:27 PM
  #14  
DVD Talk Gold Edition
 
Join Date: Dec 1999
Posts: 2,708
Likes: 0
Received 0 Likes on 0 Posts
Try adding the attribute href="#" or href="javascript:void(0)" or name="add_some_name_here" to the <a tag. Old versions of netscape were very finicky and if all of the necessary attributes weren't present, it wouldn't work correctly. By the way, you should be able to remove the "function mmLoadMenus()" without anything bad happening You may also want to move the <script> between the <head> tags as that's where it really should go (although I don't always follow that rule ), but I figure we should try to remove anything that could be causing problems at this point
Old 01-23-04, 04:27 PM
  #15  
DVD Talk Hall of Fame
 
Join Date: Feb 2002
Location: In my mind.
Posts: 7,694
Likes: 0
Received 0 Likes on 0 Posts
The bigger question is... Is Patches somehow related to Pooh?
Old 01-23-04, 06:54 PM
  #16  
DVD Talk Special Edition
 
Join Date: Jan 2002
Location: Chicago
Posts: 1,385
Likes: 0
Received 0 Likes on 0 Posts
Your original code is fine; however you must have an href for Netscape (at least 4.7 which I'm using). As Lampei said, try href="javascript:void(0)" and add border=0 to the corresponding img tags. If you don't want the javascript to show up in the status bar, add ";window.status='';return true;" to the end of the ***********= segment, minus the quotes.

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are Off
Pingbacks are Off
Refbacks are Off


Thread Tools
Search this Thread

Archive - Advertising - Cookie Policy - Privacy Statement - Terms of Service - Do Not Sell My Personal Information -

Copyright 2018 MH Sub I, LLC dba Internet Brands. All rights reserved. Use of this site indicates your consent to the Terms of Use.