Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations derfloh on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Netscape 4.x issue + xhtml

Status
Not open for further replies.
mrDrive

mrDrive

MIS
Aug 29, 2002
94
US
I've converted some pages from HTML to XHTML. In the pages, there's some image-swapping mouseOvers that no longer work in Netscape 4.x (they do work in IE). They worked fine before I converted.

Has anyone run into this problem when making the switch to xhtml?
 
Sort by date Sort by votes
Upvote 0 Downvote
Ahh...if you only knew how bad I've got it, lol! The office I work in uses Netscape Messenger as their email client, so when you send Web pages out for review, and they follow the link from the email, it's viewed in NS 4.79. Add to that, we're are a federal gov't office, so accessibility is an enormous issue and nothing goes out the door unless it's completely W3C compliant.

I was just wondering if anyone had run into this problem with NS 4.x before. I used HTML-Kit to do an automatic conversion from HTML 4.0 to XHTML 1.0 and now the image rollovers don't work. I've also tried re-writing the javascript that fires on the onMouseOver event. Nothing seems to get it working again. ???[sadeyes]???
 
Upvote 0 Downvote
If you have to be that ADA compliant, then get rid of image-swapping. After all, it's completely useless to people who can't see. And, if it's "Mystery Meat" navigation, it's completely useless to people who can see. [smile]

ref:

Have fun!

Cheers,


[monkey] Edward [monkey]

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door
 
Upvote 0 Downvote
if you're image-swapping using javascript, change it to CSS and the :hover pseudo-class. XHTML compliant, works in new browsers, and degrades for NS4.x (as in, they get the effect).

Posting code? Wrap it with code tags: [ignore]
Code: 
[/ignore][code]CodeHere
[ignore][/code][/ignore].
 
Upvote 0 Downvote
OK, here's the code from the page that's giving me problems. I saved the following code in an HTML file and tested it in NS 4.x and it gave me the same problem but it works fine in IE. To start with, in NS 4.x, it doesn't seem to recognize the 'href' attribute in the <area> tags.

Thanks for any help you might provide!!!

Code: 
<html>
<head>
<title>Page Title</title>
<script type=&quot;text/javascript&quot; language=&quot;JavaScript&quot;>
<!--
function switchImage(imgName, imgSrc) 
{
  if (document.images)
  {
    if (imgSrc != &quot;none&quot;)
    {
      document.images[img]ame[/img].src = imgSrc;
    }
  }
}
// -->
</script>
</head>
<body>
<table summary=&quot;demonstration graphic&quot; border=&quot;0&quot; width=&quot;480&quot; align=&quot;center&quot;>
   <tr> 
      <td width=&quot;227&quot;> 
         <table summary=&quot;image slices&quot; width=&quot;227&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
            <tr> 
               <td><img name=&quot;one&quot; alt=&quot;&quot; src=&quot;images/trend_analysis/72_over.gif&quot; width=&quot;227&quot; height=&quot;50&quot;></td>
            </tr>
            <tr> 
               <td><img src=&quot;images/trend_analysis/72_over2.gif&quot; alt=&quot;&quot; name=&quot;two&quot; width=&quot;227&quot; height=&quot;50&quot; border=&quot;0&quot; usemap=&quot;#twomap&quot;></td>
            </tr>
            <tr> 
                <td><img src=&quot;images/trend_analysis/72_over3.gif&quot; alt=&quot;&quot; name=&quot;three&quot; width=&quot;227&quot; height=&quot;50&quot; border=&quot;0&quot; usemap=&quot;#threemap&quot;></td>
            </tr>
            <tr> 
               <td><img src=&quot;images/trend_analysis/four.gif&quot; alt=&quot;&quot; name=&quot;four&quot; width=&quot;227&quot; height=&quot;50&quot; border=&quot;0&quot; usemap=&quot;#fourmap&quot;></td>
            </tr>
            <tr> 
               <td><img src=&quot;images/trend_analysis/five.gif&quot; alt=&quot;&quot; name=&quot;five&quot; width=&quot;227&quot; height=&quot;50&quot; border=&quot;0&quot; usemap=&quot;#fivemap&quot;></td>
             </tr>
             <tr> 
                <td><img name=&quot;six&quot; alt=&quot;&quot; src=&quot;images/trend_analysis/six.gif&quot; width=&quot;227&quot; height=&quot;37&quot;></td>
             </tr>
          </table>
       </td>
       <td valign=&quot;middle&quot;><img alt=&quot;1972 Land Cover&quot; name=&quot;subset&quot; src=&quot;images/trend_analysis/72lc.gif&quot; border=&quot;1&quot;></td>
       </tr>
     </table>
   </td>
</tr>
</table>
<map name=&quot;twoMap&quot;>
  <area href=&quot;#map&quot; shape=&quot;rect&quot; alt=&quot;1972 Land Cover&quot; coords=&quot;86,4,196,47&quot;  onMouseOver=&quot;switchImage('subset','images/trend_analysis/72lc.gif'); switchImage('one','images/trend_analysis/72_over.gif'); switchImage('two','images/trend_analysis/72_over2.gif'); switchImage('three','images/trend_analysis/72_over3.gif'); switchImage('four','images/trend_analysis/four.gif'); switchImage('five','images/trend_analysis/five.gif'); switchImage('six','images/trend_analysis/six.gif')&quot;>
</map>
<map name=&quot;threeMap&quot;>
  <area shape=&quot;rect&quot; alt=&quot;1986 Land Cover&quot; coords=&quot;87,4,196,38&quot; href=&quot;#map&quot; onMouseOver=&quot;switchImage('subset','images/trend_analysis/86lc.gif'); switchImage('one','images/trend_analysis/one.gif'); switchImage('two','images/trend_analysis/86_over.gif'); switchImage('three','images/trend_analysis/86_over2.gif'); switchImage('four','images/trend_analysis/four.gif'); switchImage('five','images/trend_analysis/five.gif'); switchImage('six','images/trend_analysis/six.gif')&quot;>
</map>
<map name=&quot;fourMap&quot;>
  <area shape=&quot;rect&quot; alt=&quot;1990 Land Cover&quot; coords=&quot;88,3,193,28&quot; href=&quot;#map&quot; onmouseover=&quot;switchImage('subset','images/trend_analysis/90lc.gif'); switchImage('one','images/trend_analysis/one.gif'); switchImage('two','images/trend_analysis/two.gif'); switchImage('three','images/trend_analysis/90_over.gif'); switchImage('four','images/trend_analysis/90_over2.gif'); switchImage('five','images/trend_analysis/five.gif'); switchImage('six','images/trend_analysis/six.gif')&quot;>
</map>
<map name=&quot;fiveMap&quot;>
  <area shape=&quot;rect&quot; alt=&quot;1995 Land Cover&quot; coords=&quot;88,4,192,24&quot; href=&quot;#map&quot; onmouseover=&quot;switchImage('subset','images/trend_analysis/95lc.gif'); switchImage('one','images/trend_analysis/one.gif'); switchImage('two','images/trend_analysis/two.gif'); switchImage('three','images/trend_analysis/three.gif'); switchImage('four','images/trend_analysis/95_over.gif'); switchImage('five','images/trend_analysis/95_over2.gif'); switchImage('six','images/trend_analysis/six.gif')&quot;>
  <area shape=&quot;rect&quot; alt=&quot;2000 Land Cover&quot; coords=&quot;89,32,189,58&quot; href=&quot;#map&quot; onmouseover=&quot;switchImage('one','images/trend_analysis/one.gif'); switchImage('two','images/trend_analysis/two.gif'); switchImage('three','images/trend_analysis/three.gif'); switchImage('four','images/trend_analysis/four.gif'); switchImage('five','images/trend_analysis/00_over.gif'); switchImage('six','images/trend_analysis/00_over2.gif')&quot;>
</map>
</body>
</html>
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Mackeinath
  • Locked
  • Question
Xml file import
Replies
0
Views
608
Mackeinath
Mackeinath
SitesMasstec
  • Locked
  • Question
Viewport meta tag x iframe
Replies
0
Views
147
SitesMasstec
SitesMasstec
198709km
  • Locked
  • Question
Grouping XML key value using XSLT
Replies
0
Views
640
198709km
198709km
waubain
  • Locked
  • Question
Prevent user from getting a 404 error if click on a hover text displaying a hidden image. 1
Replies
5
Views
231
jjgupta915
jjgupta915
PSchubert
  • Locked
  • Question
Data in db table cell not displayed in asp table cell -- a CSS issue?
Replies
2
Views
145
vacunita
vacunita

Part and Inventory Search

Sponsor

Back
Top