OpenStreetMap Forum

arsa

Member

Registered: 2009-06-23

Posts: 1

transparent Popup in IE8

Hi All,
i have a function to show some Descriptions in a Popup by click on Pushpin.
This function works fine in Firefox and IE7.
In IE 8 is the Description visible for only 5 Seconds! Then will be transparent and disapear!!!

I would appreciate any Idea about to display descriptions.

thanks
arsa

function createPopup(LonLat, Label, Note)
    {
        try
        {            
            if (popup)
            {               
                popup.lonlat = LonLat;
                if (Label)
                    popup.contentHTML =  "<table style=\"border: 1px solid #CCCCCC; font-family: Tahoma; font-size: 11px; color: black;\"><tr><td>"+ Note +"</td></tr></table>";
                                    else
                    popup.contentHTML =  Note;
                popup.draw();
                popup.show();
            }
            else
            {
                popup = new OpenLayers.Popup.AnchoredBubble("note" + pins.length,
                   LonLat,
                   new OpenLayers.Size(200,50),
                   "<table style=\"border: 1px solid #CCCCCC; font-family: Tahoma; font-size: 11px; color: black;\"><tr><td>"+ Note +"</td></tr></table>", null,  true);
                popup.autoSize = true;
                map.addPopup(popup);
            }
        }
        catch(Ex)
        {
           LogException('createPopup', Ex);
        }
    }

Last edited by arsa (2009-06-24 13:48:33)

awulms

Member

Registered: 2011-03-08

Posts: 1

Re: transparent Popup in IE8

I have encountered the same issue on my website. I have worked around it by using OpenLayers.Popup.Anchored in stead of OpenLayers.Popup.AnchoredBubble.
The difference between ...Anchored and ...AnchoredBubble is apparently that AnchoredBubble uses Rico library to make rounded corners, according to some explanation I found via google.

It seems like IE8 chokes on that. I don't know why.

Last edited by awulms (2011-03-08 21:13:50)