close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Unique problem with IE8

Thread began 3/06/2010 5:08 pm by chris402556 | Last modified 3/07/2010 8:20 am by neilo | 1473 views | 3 replies |

chris402556

[SOLVED] Unique problem with IE8

I am using Pro Maps withing a ligthbox on a joomla site. In Firefox, it displays fine, however in Internet Explorer 8 when the map displays there are black boxes surrounding the pin. When you you close the balloon, the black part goes away.

Here is the URL: tennessee-bartending-schools/

I am wondering if it has to do with the shadow that is cast on the map by the balloon. Is there away to get rid of the shadow? I have 114 maps created or this site and this is really a bad situation for us.

I can do a bulk replacement if I need to adjust the CSS

Sign in to reply to this post

neilo

Hi Chris,

It certainly looks from this end as though it is the infowindow shadow pane that is causing the problem in IE.

Test it out by adding a line to your wagmp_map_1.php. (the number of your instance of your map might be different)

Find the block of code under and including the line similar to:

function wagmp_map_1() {


Place your cursor at the end of the last line in that block, press 'return' to start a new line, and paste in:

map.getPane(G_MAP_FLOAT_SHADOW_PANE).style.visibility="hidden";



In my file it would be like this:

function wagmp_map_1() {
if(GBrowserIsCompatible()) {
if(!document.getElementById('wagmp_map_1')) return false;
var map = new GMap2(document.getElementById('wagmp_map_1'));
wagmp_map_1_obj = new WAMapRef(map);
map.enableContinuousZoom();
map.enableDoubleClickZoom();
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
var geocoder = new GClientGeocoder();
map.getPane(G_MAP_FLOAT_SHADOW_PANE).style.visibility="hidden";



This doesn't give you a functioning shadow effect, but it might be better to have no shadow until someone posts a good solution. If nothing else it might help the diagnostic process!

Sign in to reply to this post

chris402556

Neilo,

I modified the code as you suggested and now the shadow is gone, however the problem WAS not solved at this point. The good news is that it isolated the problem for me and sent me in search of a solution which I am happy to report worked for the most part.

For other Joomla! users that may be in this situation I will post my findings and solution.

I was using the JCE mediabox plugin to accomplish the modal window, however the background of the modal window would show though around the information balloon. When I changed the modal window background to "transparent", the website page showed through instead.

The solution for me was to switch to a different modal window called modalizer, which can be found at modalizer

Now everything is fine except for the text in the ballon is "times new roman" now only in internet explorer... I think I saw another thread on that. Thanks for the help in sending me down the correct path on this one. This is a great extension for dreamweaver, worth every penny I paid for it!

Sign in to reply to this post

neilo

Cheers Chris,

Thanks for posting your solution. That is going to save anyone with the same problem quite a bit of time.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...