<BODY><P>Hi all,<BR>just wanted to add somethig to the discussion of <EM>Mon Apr 2 17:49:22 EDT 2007.<BR></EM><BR>Reference: <A href="http://lists.osgeo.org/pipermail/mapguide-internals/2007-April/001122.html">http://lists.osgeo.org/pipermail/mapguide-internals/2007-April/001122.html</A><BR><BR>Display the rotating icon sounds good when the page is loading. I've added an effect which blurs the map (with a transparent div) when loading. With the rotating arrow, this is a nice effect.<BR><BR>All you have to do is opening the [ajaxmappane.templ]<BR><BR>About line 3047:<BR></P>
<P><div><BR> <div id="mapSpace"><BR> <div id="tilePlanes"><BR> </div><BR> <div id="img1" style="overflow: hidden;"><BR> <img class="mapImage" id="mapImage1" style="visibility: hidden;" ><BR> <img class="mapImage" id="mapImage2" style="visibility: hidden;" ><BR> </div><BR> <!-- Setting a transparent div to display when the page is loading, with the logo rotating --> <BR> <div id="maskTransp" style="display:none; background-color:#FFFFFF; position:absolute; width:100%%; top:0; left:0; height:100%%; filter:alpha(opacity=60); -moz-opacity:0.6; opacity: 0.6; z-index: 1;" ></div><BR> </div><BR> <div id="overlay" style="display:none; visibility: hidden; position: absolute; top: 0px; left: 0px;"></div><BR> </div><BR><BR><BR>then, about line 1360:<BR><BR>else<BR> { <BR> var frmParent = parent.frames ["tbFrame"];<BR> var objDivRefresh = frmParent.document.getElementById("divRefresh");<BR> var objDivTransparent = document.getElementById("maskTransp");<BR> <BR> if(objDivRefresh!=null){ objDivRefresh.style.display='block'; }<BR> if(objDivTransparent!=null){ objDivTransparent.style.display='block'; }<BR> panX1 = extX1 = resp.lowerLeft.X;<BR> panY1 = extY1 = resp.upperRight.Y;<BR> panX2 = extX2 = resp.upperRight.X;<BR><BR><BR>and about line<BR><BR>imgdiv.style.display = "block";<BR> if(safari)<BR> curimg = (curimg == "mapImage1"? "mapImage2": "mapImage1");<BR> var frmParent = parent.frames ["tbFrame"];<BR> var objDivRefresh = frmParent.document.getElementById("divRefresh");<BR> var objDivTransparent = document.getElementById("maskTransp");<BR> if(objDivRefresh!=null){ objDivRefresh.style.display='none'; }<BR> if(objDivTransparent!=null){ objDivTransparent.style.display='none'; }<BR> return false;<BR>}<BR>function OnAlternateImageLoaded() {<BR><BR><BR><BR><BR>For the rotating arrow, do not forget, if it is not done, to:<BR>Set the div in toolbar.templ<BR><BR>about line 232<BR><BR><body class="Toolbar" onload="InitDocument()" leftmargin=10 topmargin=0 rightmargin=0 bottommargin=0 marginwidth=0><BR> <div id="divRefresh" name="divRefresh" class="cssRefresh"><img src="../phpviewersample/images/spinner_notext.gif"><img src="../phpviewersample/images/text_spinner.gif"></div><BR> <span id="ToolbarContent"><td></td></span><BR> <div class="TextMetricsDiv" id="TextMetricsDiv"><span class="TextMetrics" id="Metrics"></span></div><BR><BR><BR>and in the css section:</P>
<P>div.cssRefresh<BR> {<BR> position: absolute; <BR> right:0px;<BR> top:0px; <BR> <BR> }<BR><BR><BR>Rémy</P></BODY>