Firefox and maps

The_SysWiz · ‎07-19-2007

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: http://192.168.1.235/NetPerfMon/images/Small-Map.gif

In Firefox, the picture is broken and the underlying link is: http://192.168.1.235/NetPerfMon/%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!

aLTeReGo · ‎07-19-2007

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?

The_SysWiz · ‎07-19-2007

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.

Network_Guru · ‎07-19-2007

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

The_SysWiz · ‎07-19-2007

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="https://thwack.solarwinds.com/NetPerfMon/MapView.asp?Map=GHI">GHI</a></td><td class="Property"><image src="\NetPerfMon\images\Small-Map.gif"></td><td class="Property"> Network Map</td><td class="Property"> <a href="https://thwack.solarwinds.com/NetPerfMon/MapView.asp?Map=GHI">Map 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="https://thwack.solarwinds.com/NetPerfMon/View.asp?View=InterfaceDetails&NetObject=I:378">R1-2811-RTR-Fa0/0.950 - 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="https://thwack.solarwinds.com/NetPerfMon/View.asp?View=InterfaceDetails&NetObject=I:378">Up</a></td>

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.

BakerD · ‎07-20-2007

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="https://thwack.solarwinds.com/NetPerfMon/MapView.asp?Map=GHI">GHI</a></td><td class="Property"><image src="\NetPerfMon\images\Small-Map.gif"></td><td class="Property"> Network Map</td><td class="Property"> <a href="https://thwack.solarwinds.com/NetPerfMon/MapView.asp?Map=GHI">Map 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="https://thwack.solarwinds.com/NetPerfMon/View.asp?View=InterfaceDetails&NetObject=I:378">R1-2811-RTR-Fa0/0.950 - 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="https://thwack.solarwinds.com/NetPerfMon/View.asp?View=InterfaceDetails&NetObject=I:378">Up</a></td>
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 "/".

The_SysWiz · ‎07-20-2007

So... What is the solution? Does anyone from SolarWinds want to make a comment?

Mithrilhall · ‎07-20-2007

This should be an easy fix for the Orion team. Perhaps someone should open a TT for this?

You could also search the the source code and see where the [ \ ] are located and replace them with a [ / ].

The_SysWiz · ‎07-20-2007

TT opened. Case #12642 - "Viewing maps in Firefox"

Keep your fingers crossed...

denny.lecompte · ‎07-20-2007

I've opened it as a bug for the next release.

Mithrilhall · ‎07-20-2007

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 · ‎07-19-2007

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.

denny.lecompte · ‎07-19-2007

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

BakerD · ‎07-20-2007

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

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