Clever Geek Handbook

How to hide loadAnimation.gif in Thickbox ...?

I am new to jQuery Thickbox. I ran the following code:

HTML:

<a class="thickbox" href="javascript:void(0);" onclick="javascript:initMap(lat,lng,'htmlmsg',1);" >map</a>

<div id="show_map" style="display:none">
    <div id="map_canvas"></div>
</div>

JS:

function initMap(x,y,msg,flg){
        var map = new GMap2(document.getElementById("map_canvas"),{size: new GSize(400,380)});
        map.removeMapType(G_SATELLITE_MAP);
        map.removeMapType(G_HYBRID_MAP);
        var point = new GLatLng(x, y);
        var htmlMsg = msg;
        map.setCenter(point, 14);
        map.addControl(new GLargeMapControl());
        map.addControl(new GMapTypeControl());
        var baseIcon = new GIcon();
        baseIcon.shadow = "";
        baseIcon.iconSize = new GSize(20, 34);
        baseIcon.shadowSize = new GSize(37, 34);
        baseIcon.iconAnchor = new GPoint(9, 34);
        baseIcon.infoWindowAnchor = new GPoint(9, 2);
        baseIcon.infoShadowAnchor = new GPoint(18, 25);
        var letteredIcon = new GIcon(baseIcon);
        letteredIcon.image = "http://www.google.com/intl/en_ALL/mapfiles/marker.png";
        markerOptions = { icon:letteredIcon };
        var marker = new GMarker(point,markerOptions); 
        GEvent.addListener(marker, "mouseover", function() {    
            map.openInfoWindowHtml(point, htmlMsg);  
        }); 
        map.addOverlay(marker);
        if (flg==1){
            map.openInfoWindowHtml(point, htmlMsg);  
        }
        tb_show('Quick view','#TB_inline?height=400&width=400&inlineId=show_map',true);
    }

The problem is that "loadingAnimation.gif" is always displayed in the thick area even after the google map is fully loaded.

+2


source to share


3 answers


You can remove the loaded post (so that it doesn't show at all) with the following CSS:

#TB_load img { display: none !important; }

optional, you can remove it via script by calling



document.getElementById('TB_load').style.display = "none"

whenever you want.

+1


source


I'm pretty sure the Google Maps code has nothing to do with this. Better techniques would be to not show the loader at all (remove it from the Thickbox code) or hide the load after initialization is complete.



I'm not familiar with Thickbox. But it must have a callback. Use this to hide a gif (or container).

0


source


It seems strange, but changing

<a class="thickbox" href="javascript:void(0);" onclick="..." >map</a>

to

<a class="thickbox" href="#" onclick="..." >map</a>

makes me work for me.

0


source






More articles:


All Articles