cancel
Showing results for 
Search instead for 
Did you mean: 
Create Post
Level 7

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: 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! 

0 Kudos
13 Replies
Product Manager
Product Manager

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?


0 Kudos



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. 

0 Kudos

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

0 Kudos

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.


0 Kudos

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 "/".

0 Kudos

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

0 Kudos

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 [ / ]. 

0 Kudos

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

Keep your fingers crossed... 

0 Kudos

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

0 Kudos

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>
 


0 Kudos
Level 12

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.
0 Kudos

 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

0 Kudos

 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.

0 Kudos