https://reservendparks.com/Web/scripts/map_legend.js

1var IsAdvance = false;
2/* 
3Map Legend Javascript for Jupiter
4Implementation by Lee Elmore 
5
6These scripts are for the MapLegend ASP.NET control.
7*/
8
9function initializeMapLegend(legend) {
10     
11    generateMapOrientation(legend);
12    $(".legend").draggable({ containment: "#draggablearea", scroll: false });
13    $("#legend").css("right", "14px");
14
15    $("#"+legend.LegendID).fadeIn();
16
17    if (legend.IsCollapsed == true)
18    {
19        collapseMapLegend(legend, false);
20    }  
21}
22
23// void generateMapOrientation(Legend legend)
24// Generates the orientation of the map if it needs to be marked as a 'flip' legend.
25// If it is a 'flip legend', when the user clicks the expand button, the legend will flip upwards instead of downwards.
26function generateMapOrientation(legend)
27{
28    // FLIP UP STYLE LEGEND MEANS THAT THE
29    // TOGGLE IS ON THE BOTTOM AND THE PANEL 'FLIPS' UPWARD
30    //if (legend.IsFlipUp == true)
31    //{    
32        var htmlLegend = $("#"+legend.LegendID);
33        var htmlLegendToggle = $("#" + legend.LegendToggleID);
34        var htmlLegendImage = $("#" + legend.LegendImageID);
35
36    
37   // }
38}
39
40// void moveLegendToOriginalPosition(Legend legend, bool shouldTween)
41// Called during creation, this method sets the position of the legend to where it should be.
42// Legend is the legend that is doing the movement and shouldTween indicates if there should be animation.
43function moveLegendToOriginalPosition(legend, shouldTween)
44{
45    // GET MAP OFFSET
46     
47    var mapOffsetX = $("#"+legend.MapID).offset().top;
48    var mapOffsetY = $("#"+legend.MapID).offset().right;
49
50   // mapOffsetY = 210;
51
52    // HACK:    INTERNET EXPLORER DOES NOT CORRECTLY RETRIEVE THE Y CUMULATIVE OFFSET 
53    //          WE HAVE TO COMPENSATE BY GUESSING WHERE THE TOP OF THE MAP IS
54    //          MOST BROWSERS REPORT THIS TO BE AROUND Y ~= 221
55    if (ie6)
56    {
57        mapOffsetY += 10;
58    }
59    else if (ie)
60    {
61        mapOffsetY += 5;    
62    }
63
64    var x = mapOffsetX + legend.OffsetX;
65    var y = mapOffsetY + legend.OffsetY;
66
67    /*
68    alert("mapOffsetX is " + mapOffsetX);
69    alert("mapOffsetY is " + mapOffsetY);
70    
71    alert("x is " + x);
72    alert("y is " + y);
73    */
74
75    var htmlLegend = $("#"+legend.LegendID);
76
77    if (shouldTween == true)
78    {
79       // htmlLegend.morph("left: " + x + "px; top: " + y + "px");
80    }
81    else
82    {
83        htmlLegend.right= x + "px";
84        htmlLegend.top = y + "px";        
85    }
86}
87
88// void collapseMapLegend(Legend legend, bool shouldTween)
89// Morphs the legend into its collapsed form.
90function collapseMapLegend(legend, shouldTween)
91{
92//    if (legend.IsCollapsed == true)
93//    {
94//        return;
95//    }
96    
97    var htmlLegend = $("#"+legend.LegendID);
98    var htmlLegendToggleImage = $("#"+legend.LegendToggleImageID);
99    var htmlLegendImage = $("#" + legend.LegendImageID);
100    
101    // SET TOGGLE IMAGE.
102    if (IsAdvance == 1)
103        htmlLegendToggleImage.src = "../images/legend/Advance_toggle_expand.gif";
104    else
105        htmlLegendToggleImage.src = "../images/legend/toggle_expand.gif";
106
107    
108    
109   // htmlLegendImage.slide();
110}
111
112// void expandMapLegend(Legend legend)
113// Morphs the legend into its expanded form.    
114function expandMapLegend(legend)
115{
116
117    var htmlLegend = $("#"+legend.LegendID);
118    var htmlLegendToggleImage = $("#"+legend.LegendToggleImageID);
119    var htmlLegendImage = $("#"+legend.LegendImageID);
120
121    // SET TOGGLE IMAGE
122    if (IsAdvance == 1)
123        htmlLegendToggleImage.css("src", "../images/legend/Advance_toggle_collapse.gif");
124    else
125        htmlLegendToggleImage.css("src", "../images/legend/toggle_collapse.gif");
126    
127    htmlLegendImage.slideUp();
128}
129
130// void toggleMapLegend(Legend legend)
131// Toggles the legend between the expanded and collapsed form.
132function toggleMapLegend(legend) {
133    $(".legend").draggable({ containment: "#draggablearea", scroll: false });
134    var htmlLegendToggleImage = $("#" + legend.LegendToggleImageID);
135    var htmlLegendImage = $("#" + legend.LegendImageID);
136    
137    if (legend.IsCollapsed == true) {
138        htmlLegendImage.slideDown("slow");
139        if (legend.Language == 'en')
140        {
141            if (IsAdvance == 1)
142                htmlLegendToggleImage.attr("src", "../images/legend/Advance_toggle_collapse.gif");
143            else
144                htmlLegendToggleImage.attr("src", "../images/legend/toggle_collapse.gif");
145        } else {
146            if (IsAdvance == 1)
147                htmlLegendToggleImage.attr("src", "../images/legend/Advance_toggle_collapse_fr.png");
148            else
149                htmlLegendToggleImage.attr("src", "../images/legend/toggle_collapse_fr.png");
150        }
151        legend.IsCollapsed = false;
152    }
153    else {
154        if (legend.Language == 'en') {
155            if (IsAdvance == 1)
156                htmlLegendToggleImage.attr("src", "../images/legend/Advance_toggle_expand.gif");
157            else
158                htmlLegendToggleImage.attr("src", "../images/legend/toggle_expand.gif");
159        } else {
160            htmlLegendToggleImage.attr("src", "../images/legend/Advance_toggle_expand_fr.png");
161        }
162        htmlLegendImage.slideUp("slow");
163        legend.IsCollapsed = true;
164    }
165   
166}
167
168
169
170//Drage legend
171
172
173// void mapLegend_mouseDown()

174// Callback activated when the user presses and holds the mouse down on the legend.
175function mapLegend_mouseDown() {
176    
177}
178
179// void mapLegend_mouseDown()
180// Callback activated when the user releases the mouse on the legend.    
181function mapLegend_mouseUp()
182{
183    
184}