<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
Hey Dan, nice map. looks like an interesting project. I really, really
- really- like the way the buoy information works inside the popup
window - with the charts changing based on what you hover over. Is that
all part of the highcharts package or is that something you did custom?
<br>
Nice.<br>
<br>
Ryan<br>
<br>
On 10/22/2010 9:21 AM, Dan Ramage wrote:
<blockquote cite="mid:241B29891C654372B24FAD89BA4432E0@D28ZYR81"
type="cite">
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1">
<meta name="Generator" content="Microsoft Word 11 (filtered medium)">
<!--[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 Definitions */
@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:0in;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:blue;
text-decoration:underline;}
span.EmailStyle17
{mso-style-type:personal-reply;
font-family:Arial;
color:navy;}
@page Section1
{size:8.5in 11.0in;
margin:1.0in 1.25in 1.0in 1.25in;}
div.Section1
{page:Section1;}
-->
</style>
<div class="Section1">
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;">Here: <a
moz-do-not-send="true"
href="http://rcoos.org/carolinasrcoosrev2/secoora_interactive_tst.html">http://rcoos.org/carolinasrcoosrev2/secoora_interactive_tst.html</a>
is my testing site.<o:p></o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;">The main
javascript is here: <a moz-do-not-send="true"
href="http://rcoos.org/carolinasrcoosrev2/lib/secoora_interactive_tst.js">http://rcoos.org/carolinasrcoosrev2/lib/secoora_interactive_tst.js</a>,
but
most of the code dealing with the tree is here:<o:p></o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;"><a
moz-do-not-send="true"
href="http://rcoos.org/carolinasrcoosrev2/lib/olMap1.0.js">http://rcoos.org/carolinasrcoosrev2/lib/olMap1.0.js</a><o:p></o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;"><o:p> </o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;"> The slider
is here: <a moz-do-not-send="true"
href="http://rcoos.org/carolinasrcoosrev2/lib/GeoExt-1.0/lib/GeoExt/widgets/tree/LayerOpacitySliderPlugin.js">http://rcoos.org/carolinasrcoosrev2/lib/GeoExt-1.0/lib/GeoExt/widgets/tree/LayerOpacitySliderPlugin.js</a><o:p></o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;">The mixin to
make it work is here:</span></font>
<font face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial;"><a class="moz-txt-link-freetext" href="http://rcoos.org/carolinasrcoosrev2/lib/GeoExt-1.0/lib/GeoExt/widgets/tree/TreeNodeUIEventMixinExtended.js">http://rcoos.org/carolinasrcoosrev2/lib/GeoExt-1.0/lib/GeoExt/widgets/tree/TreeNodeUIEventMixinExtended.js</a><o:p></o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;">For my
mixin, I basically just copied the
base one, I couldn’t seem to get the Ext.extend() working and didn’t
want to spend a lot of time on that just yet.<o:p></o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;"><o:p> </o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;">When I
create my layers I have a couple of
hash tags I add in the options parameter to specify whether I want the
slider
or not.<o:p></o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;">In the
olMap1.0.js, at the very top is my GeoExt.tree.layerLoaderExtended
where I make sure only the tree nodes that have the option set to have
a slider
get them. If I didn’t do this, every layer in that layercontainer node
would have a slider.<o:p></o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;"><o:p> </o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;">In the
LayerOpacitySliderPlugin.js, the onRenderNode
is where most of the work gets done. I used the RadioButtonPlugin.js as
a guide
on how to go about doing this. I used the Ext.Slider() widget.<o:p></o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;"><o:p> </o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;">This was a
big learning experience for me,
I am still not anywhere as knowledgeable about javascript as I would
like.<o:p></o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;"><o:p> </o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;"><o:p> </o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;">Dan<o:p></o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;"><o:p> </o:p></span></font></p>
<p class="MsoNormal"><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;"><o:p> </o:p></span></font></p>
<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" size="2" width="100%"></span></font></div>
<p class="MsoNormal"><b><font face="Tahoma" size="2"><span
style="font-size: 10pt; font-family: Tahoma; font-weight: bold;">From:</span></font></b><font
face="Tahoma" size="2"><span
style="font-size: 10pt; font-family: Tahoma;"> Viggo Lunde
[<a class="moz-txt-link-freetext" href="mailto:viggo.lunde@gmail.com">mailto:viggo.lunde@gmail.com</a>] <br>
<b><span style="font-weight: bold;">Sent:</span></b> Friday, October
22, 2010
8:21 AM<br>
<b><span style="font-weight: bold;">To:</span></b> Dan Ramage<br>
<b><span style="font-weight: bold;">Subject:</span></b> Re: [Users]
Transparencyslider on rightclick</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>
<p class="MsoNormal"><font face="Times New Roman" size="3"><span
style="font-size: 12pt;">Sure, do you have example-code or a
description<o:p></o:p></span></font></p>
<div>
<p class="MsoNormal" style="margin-bottom: 12pt;"><font
face="Times New Roman" size="3"><span style="font-size: 12pt;">Viggo <o:p></o:p></span></font></p>
<div>
<p class="MsoNormal"><font face="Times New Roman" size="3"><span
style="font-size: 12pt;">2010/10/22 Dan Ramage <<a
moz-do-not-send="true" href="mailto:dan@inlet.geol.sc.edu">dan@inlet.geol.sc.edu</a>><o:p></o:p></span></font></p>
<div link="blue" vlink="purple">
<div>
<p class="MsoNormal" style=""><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;">I implement
a slider in the layer tree. Not sure if that is helpful
or not.</span></font><o:p></o:p></p>
<p class="MsoNormal" style=""><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font><o:p></o:p></p>
<p class="MsoNormal" style=""><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;">Dan</span></font><o:p></o:p></p>
<p class="MsoNormal" style=""><font color="navy" face="Arial" size="2"><span
style="font-size: 10pt; font-family: Arial; color: navy;"> </span></font><o:p></o:p></p>
<div>
<div class="MsoNormal" style="text-align: center;" align="center"><font
face="Times New Roman" size="3"><span style="font-size: 12pt;">
<hr align="center" size="2" width="100%"></span></font></div>
<p class="MsoNormal" style=""><b><font face="Tahoma" size="2"><span
style="font-size: 10pt; font-family: Tahoma; font-weight: bold;">From:</span></font></b><font
face="Tahoma" size="2"><span
style="font-size: 10pt; font-family: Tahoma;"> <a
moz-do-not-send="true" href="mailto:users-bounces@geoext.org"
target="_blank">users-bounces@geoext.org</a> [mailto:<a
moz-do-not-send="true" href="mailto:users-bounces@geoext.org"
target="_blank">users-bounces@geoext.org</a>]
<b><span style="font-weight: bold;">On Behalf Of </span></b>Viggo
Lunde<br>
<b><span style="font-weight: bold;">Sent:</span></b> Friday, October
22, 2010
2:38 AM<br>
<b><span style="font-weight: bold;">To:</span></b> <a
moz-do-not-send="true" href="mailto:users@geoext.org" target="_blank">users@geoext.org</a><br>
<b><span style="font-weight: bold;">Subject:</span></b> [Users]
Transparencyslider on rightclick</span></font><o:p></o:p></p>
</div>
<div>
<div>
<p class="MsoNormal" style=""><font face="Times New Roman" size="3"><span
style="font-size: 12pt;"> <o:p></o:p></span></font></p>
<p class="MsoNormal" style=""><font face="Times New Roman" size="3"><span
style="font-size: 12pt;">Hi<o:p></o:p></span></font></p>
<div>
<p class="MsoNormal" style=""><font face="Times New Roman" size="3"><span
style="font-size: 12pt;">Nice, then we have
the min/max scale. <o:p></o:p></span></font></p>
</div>
<div>
<p class="MsoNormal" style=""><font face="Times New Roman" size="3"><span
style="font-size: 12pt;">Is there anyone
who implemented the transparencyslider on rightclick as vell?<o:p></o:p></span></font></p>
</div>
<div>
<p class="MsoNormal" style=""><font face="Times New Roman" size="3"><span
style="font-size: 12pt;">Looking forward to
get rid of MapFish in the client.<o:p></o:p></span></font></p>
</div>
<div>
<p class="MsoNormal" style=""><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=""><font face="Times New Roman" size="3"><span
style="font-size: 12pt;">Viggo Lunde<o:p></o:p></span></font></p>
</div>
<div>
<p class="MsoNormal" style=""><font face="Times New Roman" size="3"><span
style="font-size: 12pt;"> <o:p></o:p></span></font></p>
</div>
</div>
</div>
</div>
</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>
<pre wrap="">
<fieldset class="mimeAttachmentHeader"></fieldset>
_______________________________________________
Users mailing list
<a class="moz-txt-link-abbreviated" href="mailto:Users@geoext.org">Users@geoext.org</a>
<a class="moz-txt-link-freetext" href="http://www.geoext.org/cgi-bin/mailman/listinfo/users">http://www.geoext.org/cgi-bin/mailman/listinfo/users</a>
</pre>
</blockquote>
<br>
<pre class="moz-signature" cols="72">--
Ryan Williams, GISP
GIS Analyst / Programmer
PAQ Interactive Inc.
Monticello, IL </pre>
</body>
</html>