<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns="http://www.w3.org/TR/REC-html40" xmlns:v =
"urn:schemas-microsoft-com:vml" xmlns:o =
"urn:schemas-microsoft-com:office:office" xmlns:w =
"urn:schemas-microsoft-com:office:word"><HEAD>
<META http-equiv=Content-Type content="text/html; charset=us-ascii">
<META content="MSHTML 6.00.6000.16890" name=GENERATOR><!--[if !mso]>
<STYLE>v\:* {
BEHAVIOR: url(#default#VML)
}
o\:* {
BEHAVIOR: url(#default#VML)
}
w\:* {
BEHAVIOR: url(#default#VML)
}
.shape {
BEHAVIOR: url(#default#VML)
}
</STYLE>
<![endif]-->
<STYLE>@font-face {
font-family: Helvetica;
}
@font-face {
font-family: Tahoma;
}
@page Section1 {size: 8.5in 11.0in; margin: 1.0in 1.25in 1.0in 1.25in; }
P.MsoNormal {
FONT-SIZE: 12pt; MARGIN: 0in 0in 0pt; FONT-FAMILY: "Times New Roman"
}
LI.MsoNormal {
FONT-SIZE: 12pt; MARGIN: 0in 0in 0pt; FONT-FAMILY: "Times New Roman"
}
DIV.MsoNormal {
FONT-SIZE: 12pt; MARGIN: 0in 0in 0pt; FONT-FAMILY: "Times New Roman"
}
A:link {
COLOR: blue; TEXT-DECORATION: underline
}
SPAN.MsoHyperlink {
COLOR: blue; TEXT-DECORATION: underline
}
A:visited {
COLOR: blue; TEXT-DECORATION: underline
}
SPAN.MsoHyperlinkFollowed {
COLOR: blue; TEXT-DECORATION: underline
}
P {
FONT-SIZE: 12pt; MARGIN-LEFT: 0in; MARGIN-RIGHT: 0in; FONT-FAMILY: "Times New Roman"; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto
}
SPAN.EmailStyle18 {
COLOR: navy; FONT-FAMILY: Arial; mso-style-type: personal-reply
}
DIV.Section1 {
page: Section1
}
</STYLE>
</HEAD>
<BODY lang=EN-US vLink=blue link=blue>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2>Hi Jim,</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2>I'm using LoadingPanel in IE and it works ok. I haven't
tested with IE6 though.</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2>The only problem is that the DIV that covers all the map
will cause some issues:</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2>- clicks / mousewheel events will be lost when it is
showing. See previous references here:</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2><A
href="http://openlayers.org/pipermail/users/2009-September/013764.html">http://openlayers.org/pipermail/users/2009-September/013764.html</A></FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2>If you try to workaround the mouse issue as described in
the previous thread, the problem is that while LoadingPanel is showing
if you try clicking the close button of a popup, the click will end in the map,
not in the close button.</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2>So I ended adopting the solution of moving the div
containing the image to the top right corner, which works perfect. See post
here:</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2><A
href="http://openlayers.org/pipermail/users/2008-December/009509.html">http://openlayers.org/pipermail/users/2008-December/009509.html</A></FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2>You could also try making the div fit the image size and
position it using javascript instead of CSS.</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2>I also thought deriving from OpenLayers.Layer, but it does
not look like a good solution. So perhaps this should be implemented as a
special case in OL. In the meantime it will be good to change LoadingPanel and
explain current issues.</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2></FONT></SPAN> </DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2>--</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2>Manel Clos</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=797071212-06102009><FONT face=Arial
color=#0000ff size=2></FONT></SPAN> </DIV><BR>
<DIV class=OutlookMessageHeader lang=es dir=ltr align=left>
<HR tabIndex=-1>
<FONT face=Tahoma size=2><B>De:</B> users-bounces@openlayers.org
[mailto:users-bounces@openlayers.org] <B>En nombre de
</B>jim.meyer@concept-solutions.com<BR><B>Enviado el:</B> lunes, 05 de octubre
de 2009 21:31<BR><B>Para:</B> 'Michael Shishcu'<BR><B>CC:</B>
users@openlayers.org<BR><B>Asunto:</B> Re: [OpenLayers-Users] Looking for a
progress bar or loading... (image) that works in both IE and Firefox - while
loading the map<BR></FONT><BR></DIV>
<DIV></DIV>
<DIV class=Section1>
<P class=MsoNormal><FONT face=Arial color=navy size=2><SPAN
style="FONT-SIZE: 10pt; COLOR: navy; FONT-FAMILY: Arial">Hi
Michael,<o:p></o:p></SPAN></FONT></P>
<P class=MsoNormal><FONT face=Arial color=navy size=2><SPAN
style="FONT-SIZE: 10pt; COLOR: navy; FONT-FAMILY: Arial"><o:p> </o:p></SPAN></FONT></P>
<P class=MsoNormal><FONT face=Arial color=navy size=2><SPAN
style="FONT-SIZE: 10pt; COLOR: navy; FONT-FAMILY: Arial"> The code
does work in IE. Yet, the image doesn’t seem to be present on the screen
as long as it is in Firefox. I am guessing there might be some differences
in how the browsers are treating the events that are involved. (FYI… I am
relegated to using IE6 and I am using the latest version of
Firefox).<o:p></o:p></SPAN></FONT></P>
<P class=MsoNormal><FONT face=Arial color=navy size=2><SPAN
style="FONT-SIZE: 10pt; COLOR: navy; FONT-FAMILY: Arial"><o:p> </o:p></SPAN></FONT></P>
<P class=MsoNormal><FONT face=Arial color=navy size=2><SPAN
style="FONT-SIZE: 10pt; COLOR: navy; FONT-FAMILY: Arial">Thanks,<BR>Jim<o:p></o:p></SPAN></FONT></P>
<P class=MsoNormal><FONT face=Arial color=navy size=2><SPAN
style="FONT-SIZE: 10pt; COLOR: navy; FONT-FAMILY: Arial"><o:p> </o:p></SPAN></FONT></P>
<DIV>
<P class=MsoNormal><FONT face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">Jim
Meyer<o:p></o:p></SPAN></FONT></P>
<P class=MsoNormal><FONT face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">Java
Programmer<o:p></o:p></SPAN></FONT></P>
<P class=MsoNormal><B><FONT face=Helvetica color=black size=1><SPAN
style="FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">Concept</SPAN></FONT></B><B><FONT
face=Helvetica color=blue size=1><SPAN
style="FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: blue; FONT-FAMILY: Helvetica">Solutions</SPAN></FONT></B><FONT
face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">,
LLC<o:p></o:p></SPAN></FONT></P>
<P class=MsoNormal><FONT face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">
</SPAN></FONT><FONT face=Helvetica color=blue size=1><SPAN
style="FONT-SIZE: 7.5pt; COLOR: blue; FONT-FAMILY: Helvetica">We Make Business
Intelligent</SPAN></FONT><FONT color=black><SPAN
style="COLOR: black"><o:p></o:p></SPAN></FONT></P>
<P class=MsoNormal><FONT face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">703.889.8434<SPAN
class=apple-converted-space> </SPAN></SPAN></FONT><FONT face=Helvetica
color=#ffcc5d size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: #ffcc5d; FONT-FAMILY: Helvetica">[</SPAN></FONT><FONT
face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">desk</SPAN></FONT><FONT
face=Helvetica color=#ffcc5d size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: #ffcc5d; FONT-FAMILY: Helvetica">]</SPAN></FONT><FONT
color=black><SPAN style="COLOR: black"><o:p></o:p></SPAN></FONT></P>
<P class=MsoNormal><FONT face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">703.391.9041</SPAN></FONT><FONT
face=Helvetica color=#ffcc5d size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: #ffcc5d; FONT-FAMILY: Helvetica">[</SPAN></FONT><FONT
face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">fax</SPAN></FONT><FONT
face=Helvetica color=#ffcc5d size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: #ffcc5d; FONT-FAMILY: Helvetica">]</SPAN></FONT><FONT
color=black><SPAN style="COLOR: black"><o:p></o:p></SPAN></FONT></P>
<P class=MsoNormal><FONT face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">www.<B><SPAN
style="FONT-WEIGHT: bold">Concept-</SPAN></B></SPAN></FONT><B><FONT
face=Helvetica color=blue size=1><SPAN
style="FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: blue; FONT-FAMILY: Helvetica">Solutions</SPAN></FONT></B><FONT
face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">.com</SPAN></FONT><o:p></o:p></P></DIV>
<DIV>
<DIV class=MsoNormal style="TEXT-ALIGN: center" align=center><FONT
face="Times New Roman" size=3><SPAN style="FONT-SIZE: 12pt">
<HR tabIndex=-1 align=center width="100%" SIZE=2>
</SPAN></FONT></DIV>
<P class=MsoNormal><B><FONT face=Tahoma size=2><SPAN
style="FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-FAMILY: Tahoma">From:</SPAN></FONT></B><FONT
face=Tahoma size=2><SPAN style="FONT-SIZE: 10pt; FONT-FAMILY: Tahoma"> Michael
Shishcu [mailto:micklesh@gmail.com] <BR><B><SPAN
style="FONT-WEIGHT: bold">Sent:</SPAN></B> Monday, October 05, 2009 2:24
PM<BR><B><SPAN style="FONT-WEIGHT: bold">To:</SPAN></B>
jim.meyer@concept-solutions.com<BR><B><SPAN
style="FONT-WEIGHT: bold">Cc:</SPAN></B> users@openlayers.org<BR><B><SPAN
style="FONT-WEIGHT: bold">Subject:</SPAN></B> Re: [OpenLayers-Users] Looking for
a progress bar or loading... (image) that works in both IE and Firefox - while
loading the map</SPAN></FONT><o:p></o:p></P></DIV>
<P class=MsoNormal><FONT face="Times New Roman" size=3><SPAN
style="FONT-SIZE: 12pt"><o:p> </o:p></SPAN></FONT></P>
<DIV>
<P class=MsoNormal><FONT face="Times New Roman" size=3><SPAN
style="FONT-SIZE: 12pt">Hi, Jim<o:p></o:p></SPAN></FONT></P></DIV>
<DIV>
<P class=MsoNormal><FONT face="Times New Roman" size=3><SPAN
style="FONT-SIZE: 12pt">I have tested the LoadingPanel.js i IE 6, 7, 8, and it
works great.<o:p></o:p></SPAN></FONT></P></DIV>
<DIV>
<P class=MsoNormal><FONT face="Times New Roman" size=3><SPAN
style="FONT-SIZE: 12pt">Are there some errors in your
script?<o:p></o:p></SPAN></FONT></P></DIV>
<DIV>
<P class=MsoNormal><FONT face="Times New Roman" size=3><SPAN
style="FONT-SIZE: 12pt">Check the order in which you are adding LoadingPanel.js
(this needs to be added AFTER Opnlayers.js, at least in
IE6,7)<o:p></o:p></SPAN></FONT></P></DIV>
<DIV>
<P class=MsoNormal><FONT face="Times New Roman" size=3><SPAN
style="FONT-SIZE: 12pt"><o:p> </o:p></SPAN></FONT></P></DIV>
<DIV>
<P class=MsoNormal><FONT face="Times New Roman" size=3><SPAN
style="FONT-SIZE: 12pt">regards, michael<o:p></o:p></SPAN></FONT></P></DIV>
<DIV>
<P class=MsoNormal><FONT face="Times New Roman" size=3><SPAN
style="FONT-SIZE: 12pt">2009/10/5 <<A
href="mailto:jim.meyer@concept-solutions.com">jim.meyer@concept-solutions.com</A>><o:p></o:p></SPAN></FONT></P>
<DIV vlink="purple" link="blue">
<DIV>
<P><FONT face=Arial size=2><SPAN
style="FONT-SIZE: 10pt; FONT-FAMILY: Arial">Hello,</SPAN></FONT><o:p></o:p></P>
<P><FONT face=Arial size=2><SPAN
style="FONT-SIZE: 10pt; FONT-FAMILY: Arial"> </SPAN></FONT><o:p></o:p></P>
<P><FONT face=Arial size=2><SPAN
style="FONT-SIZE: 10pt; FONT-FAMILY: Arial"> I am searching for a
progress bar or loading image that will work effectively in IE and
Firefox. I’d like the solution to display over the map DIV while the
layers are being loaded and rendered. I have tried the LoadingPanel.js (<A
href="http://trac.openlayers.org/wiki/Addins/LoadingPanel"
target=_blank>http://trac.openlayers.org/wiki/Addins/LoadingPanel</A>) solution
and it works well in Firefox but it doesn’t seem to do the trick in IE.
Any help would be appreciated.</SPAN></FONT><o:p></o:p></P>
<P><FONT face=Arial size=2><SPAN
style="FONT-SIZE: 10pt; FONT-FAMILY: Arial"> </SPAN></FONT><o:p></o:p></P>
<P><FONT face=Arial size=2><SPAN
style="FONT-SIZE: 10pt; FONT-FAMILY: Arial">Thanks,<BR>Jim</SPAN></FONT><o:p></o:p></P>
<P><FONT face=Arial size=2><SPAN
style="FONT-SIZE: 10pt; FONT-FAMILY: Arial"> </SPAN></FONT><o:p></o:p></P>
<P><FONT face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">Jim
Meyer</SPAN></FONT><o:p></o:p></P>
<P><FONT face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">Java
Programmer</SPAN></FONT><o:p></o:p></P>
<P><B><FONT face=Helvetica color=black size=1><SPAN
style="FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">Concept</SPAN></FONT></B><B><FONT
face=Helvetica color=blue size=1><SPAN
style="FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: blue; FONT-FAMILY: Helvetica">Solutions</SPAN></FONT></B><FONT
face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">,
LLC</SPAN></FONT><o:p></o:p></P>
<P><FONT face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">
</SPAN></FONT><FONT face=Helvetica color=blue size=1><SPAN
style="FONT-SIZE: 7.5pt; COLOR: blue; FONT-FAMILY: Helvetica">We Make Business
Intelligent</SPAN></FONT><o:p></o:p></P>
<P><FONT face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">703.889.8434 </SPAN></FONT><FONT
face=Helvetica color=#ffcc5d size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: #ffcc5d; FONT-FAMILY: Helvetica">[</SPAN></FONT><FONT
face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">desk</SPAN></FONT><FONT
face=Helvetica color=#ffcc5d size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: #ffcc5d; FONT-FAMILY: Helvetica">]</SPAN></FONT><o:p></o:p></P>
<P><FONT face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">703.391.9041</SPAN></FONT><FONT
face=Helvetica color=#ffcc5d size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: #ffcc5d; FONT-FAMILY: Helvetica">[</SPAN></FONT><FONT
face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">fax</SPAN></FONT><FONT
face=Helvetica color=#ffcc5d size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: #ffcc5d; FONT-FAMILY: Helvetica">]</SPAN></FONT><o:p></o:p></P>
<P><FONT face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">www.<B><SPAN
style="FONT-WEIGHT: bold">Concept-</SPAN></B></SPAN></FONT><B><FONT
face=Helvetica color=blue size=1><SPAN
style="FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: blue; FONT-FAMILY: Helvetica">Solutions</SPAN></FONT></B><FONT
face=Helvetica color=black size=1><SPAN
style="FONT-SIZE: 9pt; COLOR: black; FONT-FAMILY: Helvetica">.com</SPAN></FONT><o:p></o:p></P>
<P><FONT face="Times New Roman" size=3><SPAN
style="FONT-SIZE: 12pt"> <o:p></o:p></SPAN></FONT></P></DIV></DIV>
<P class=MsoNormal style="MARGIN-BOTTOM: 12pt"><FONT face="Times New Roman"
size=3><SPAN
style="FONT-SIZE: 12pt"><BR>_______________________________________________<BR>Users
mailing list<BR><A
href="mailto:Users@openlayers.org">Users@openlayers.org</A><BR><A
href="http://openlayers.org/mailman/listinfo/users"
target=_blank>http://openlayers.org/mailman/listinfo/users</A><o:p></o:p></SPAN></FONT></P></DIV>
<P class=MsoNormal><FONT face="Times New Roman" size=3><SPAN
style="FONT-SIZE: 12pt"><o:p> </o:p></SPAN></FONT></P></DIV></BODY></HTML>