Firefox and maps

I did a quick search and didn't find the answer. I use Firefox as my primary browser. When drilling down into maps on the NPM webpage, the small map icons were always broken. I thought I had corrupted the icon somehow, but with a fresh install, the problem remained. For the fun of it, I tried viewing it in IE7 - they show up correctly. Here's the deal.

In IE7, the picture's fine: and the underlying link is: 192.168.1.235/.../Small-Map.gif

In Firefox, the picture is broken and the underlying link is: 192.168.1.235/.../%5CNetPerfMon%5Cimages%5CSmall-Map.gif

Note the extra NetPerfMon and the funky %5C strings. To rule out Firefox add-ons doing something screwy, I did a fresh install on a new box. Same problem.

Is there a quick fix for this, or can we add this to the bug list? Thanks. -Scott

[EDIT] THIS WAS FIXED IN v8.5. Thanks!

Find more posts tagged with

source_code

ticket

map

firefox

Accepted answers

All comments

BakerD

The image is broken for me as well, but my links are the same in both browsers. I did notice in the source that might be wrong:

image src="\NetPerfMon\images\Small-Map.gif"

Shouldn't it be img src= ...... ?

Maybe IE just recognizes it is an image tag and Firefox doesn't.  Probably one of those html standards deals.

FormerMember

I use Firefox, too, and for pages that give me troubles, I use the IE Tab extension for Firefox. It lets Firefox render the page with the IE engine. As an end user, it still feels like Firefox. It solves a lot of quirks of this type.

https://addons.mozilla.org/en-US/firefox/addon/1419

aLTeReGo

SysWiz, how many sub-map layers down do you have to drill to see this problem? I only have maps that go two levels and I'm not seeing this problem with Orion 8.1 running FireFox v2.0.0.5. I have all current hotfixes applied.

Are you behind a proxy server?

Network_Guru

Have you tried the Firebug add-on for Firefox?
It's a great troubleshooting tool for issues like this.

FormerMember

SysWiz, how many sub-map layers down do you have to drill to see this problem? I only have maps that go two levels and I'm not seeing this problem with Orion 8.1 running FireFox v2.0.0.5. I have all current hotfixes applied.
Are you behind a proxy server?

It shows up if you have a map within a map.

No proxy server.

FormerMember

That's a pretty cool add-on! (I wish I had the knowledge to make more use of it).

Here's a sample output of the text below a map, and the corresponding Firebug output:

See the broken images? Here's the relevant code that I think is breaking Firefox:

This line does not work:

<td class="Property"><image src="/NetPerfMon/images/small-Up.gif"></td><td class="Property"><a href="">thwack.solarwinds.com/.../MapView.asp class="Property"><image src="\NetPerfMon\images\Small-Map.gif"></td><td class="Property"> Network Map</td><td class="Property"> <a href="">thwack.solarwinds.com/.../MapView.asp status is Up.</a></td>

This line does work:

<td class="Property"><img border=0 src="/NetPerfMon/images/small-Up.gif"></td><td class="Property"><a href="">thwack.solarwinds.com/.../View.asp - SubInterface To R1 Intranet (GHI / MGH / MRH / WHH)</a></td><td class="Property"><img src="/NetPerfMon/images/Interfaces/135.gif" border="0"></td><td class="Property"> Layer 2 Virtual LAN using 802.1Q</td><td class="Property"> <a href="">thwack.solarwinds.com/.../View.asp

BakerD might just have something. To my untrained eyes, the first code uses the <image src> tag, while the second uses <img src>. This might be an easy fix for Solarwinds - plus it would keep their html code consistent.

Mithrilhall

Interestingly enough it's not the <image> tag that is screwing things up. It's the backslash [ \ ] being used instead of a forwardslash [ / ]. Image #1 and image #3 worked in Firefox but #2 and #4 did not.

I believe backslashes are 'usually' put in when using a WYSIWYG editor.

All 4 images worked in Internet Exploder.

Alway test your work in multiple browsers! I try.

<html>
<head>
<title></title>
</head>
<body>
Image #1 <image src="/NetPerfMon/images/small-Up.gif">
<br/>
Image #2 <image src="\NetPerfMon\images\Small-Map.gif">
<br/>
Image #3 <img src="/NetPerfMon/images/small-Up.gif">
<br/>
Image #4 <img src="\NetPerfMon\images\Small-Map.gif">
</body>
</html>

BakerD

I use Firefox, too, and for pages that give me troubles, I use the IE Tab extension for Firefox. It lets Firefox render the page with the IE engine. As an end user, it still feels like Firefox. It solves a lot of quirks of this type.

addons.mozilla.org/.../1419

Yes, that is a great add-on and especially if you use OWA.

BakerD

That's a pretty cool add-on! (I wish I had the knowledge to make more use of it).
Here's a sample output of the text below a map, and the corresponding Firebug output:

See the broken images? Here's the relevant code that I think is breaking Firefox:
This line does not work:
<td class="Property"><image src="/NetPerfMon/images/small-Up.gif"></td><td class="Property"><a href="">thwack.solarwinds.com/.../MapView.asp class="Property"><image src="\NetPerfMon\images\Small-Map.gif"></td><td class="Property"> Network Map</td><td class="Property"> <a href="">thwack.solarwinds.com/.../MapView.asp status is Up.</a></td>

This line does work:
<td class="Property"><img border=0 src="/NetPerfMon/images/small-Up.gif"></td><td class="Property"><a href="">thwack.solarwinds.com/.../View.asp - SubInterface To R1 Intranet (GHI / MGH / MRH / WHH)</a></td><td class="Property"><img src="/NetPerfMon/images/Interfaces/135.gif" border="0"></td><td class="Property"> Layer 2 Virtual LAN using 802.1Q</td><td class="Property"> <a href="">thwack.solarwinds.com/.../View.asp
BakerD might just have something. To my untrained eyes, the first code uses the <image src> tag, while the second uses <img src>. This might be an easy fix for Solarwinds - plus it would keep their html code consistent.

The difference is the links are correct for devices, it is only on the map icon from what I see. If I look at a map with 5 sub maps, all icons/images are broken and devices are fine. You can see this in your image above too. I see it may not be the image vs img tag, but for any submap image link a "\" is used and everything else uses the "/".