<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta name=Generator content="Microsoft Word 12 (filtered medium)">
<style>
<!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
p
{mso-style-priority:99;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";}
span.EmailStyle19
{mso-style-type:personal-reply;
font-family:"Calibri","sans-serif";
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page Section1
{size:612.0pt 792.0pt;
margin:70.85pt 70.85pt 70.85pt 70.85pt;}
div.Section1
{page:Section1;}
-->
</style>
<!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]-->
</head>
<body lang=HR link=blue vlink=purple>
<div class=Section1>
<p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";
color:#1F497D'>This is very nice! Thanks a lot!<o:p></o:p></span></p>
<p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";
color:#1F497D'><o:p> </o:p></span></p>
<div>
<div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'>
<p class=MsoNormal><b><span lang=EN-US style='font-size:10.0pt;font-family:
"Tahoma","sans-serif"'>From:</span></b><span lang=EN-US style='font-size:10.0pt;
font-family:"Tahoma","sans-serif"'> mapguide-users-bounces@lists.osgeo.org
[mailto:mapguide-users-bounces@lists.osgeo.org] <b>On Behalf Of </b>web<br>
<b>Sent:</b> Monday, May 07, 2007 9:18 AM<br>
<b>To:</b> MapGuide Users Mail List<br>
<b>Subject:</b> [mapguide-users] patch for Mouse WheelZoom,set scale and image
on loading map in Ajax<o:p></o:p></span></p>
</div>
</div>
<p class=MsoNormal><o:p> </o:p></p>
<p>Hi all,<br>
just wanted to add somethig to the discussion of <em>Mon Apr 2 17:49:22
EDT 2007.</em><i><br>
</i><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:<o:p></o:p></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:<o:p></o:p></p>
<p>div.cssRefresh<br>
{<br>
position:
absolute; <br>
right:0px;<br>
top:0px; <br>
<br>
}<br>
<br>
<br>
Rémy<o:p></o:p></p>
</div>
</body>
</html>