Project

General

Profile

1
<!doctype html public "-//W3C//DTD HTML 4.0 Frameset//EN""http://www.w3.org/TR/REC-html40/frameset.dtd">
2
<html>
3
<head>
4
<title>
5
<a href='http://mapbuilder.sourceforge.net'>Community Map Builder</a> 27 Apr 2008 Overview
6
</title>
7
<link rel ="stylesheet" type="text/css" href="stylesheet.css" title="Style">
8
<script>
9
function asd() {
10
	
11
		parent.document.title="CatSearchForm.js Overview";
12
	
13
}
14
</script>
15
</head>
16
<body bgcolor="white" onload="asd();">
17

    
18
<!-- ========== START OF NAVBAR ========== -->
19
<a name="navbar_top"><!-- --></a>
20
<table border="0" width="100%" cellpadding="1" cellspacing="0">
21
<tr>
22
<td colspan=2 bgcolor="#EEEEFF" class="NavBarCell1">
23
<a name="navbar_top_firstrow"><!-- --></a>
24
<table border="0" cellpadding="0" cellspacing="3">
25
  <tr align="center" valign="top">
26
  
27
  
28
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="overview-summary.html"><font class="NavBarFont1"><b>Overview</b></font></a>&nbsp;</td>
29
  <td bgcolor="#FFFFFF" class="NavBarCell1Rev">	&nbsp;<font class="NavBarFont1Rev"><b>File</b></font>&nbsp;</td>
30
  
31

    
32
  <td bgcolor="#FFFFFF" class="NavBarCell1"> 	<font class="NavBarFont1">Class</font>&nbsp;</td>
33
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="overview-tree.html"><font class="NavBarFont1"><b>Tree</b></font></a>&nbsp;</td>
34
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="index-all.html"--><font class="NavBarFont1"><b>Index</b></font></a>&nbsp;</td>
35
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="help-doc.html"><font class="NavBarFont1"><b>Help</b></font></a>&nbsp;</td>
36
  </tr>
37
</table>
38
</td>
39
<td bgcolor="#EEEEFF" align="right" valign="top">
40
<em>
41
<b><a href='http://mapbuilder.sourceforge.net'>Community Map Builder</a> 27 Apr 2008</b></em>
42
</td>
43
</tr>
44

    
45
<tr>
46
<td bgcolor="white" class="NavBarCell2"><font size="-2">
47
&nbsp;PREV&nbsp;
48
&nbsp;NEXT</font></td>
49
<td bgcolor="white" class="NavBarCell2"><font size="-2">
50
  <a href="index.html" target="_top"><b>FRAMES</b></a>  &nbsp;
51
&nbsp;<a href="overview-summary.html" target="_top"><b>NO FRAMES</b></a>
52
&nbsp;&nbsp;
53
<script>
54
  <!--
55
  if(window==top) {
56
    document.writeln('<A HREF="allclasses-noframe.html" TARGET=""><B>All Classes</B></A>');
57
  }
58
  //-->
59
</script>
60
<noscript>
61
<a href="allclasses-noframe.html" target=""><b>All Classes</b></a>
62
</noscript>
63
</font></td>
64
</tr>
65
</table>
66
<!-- =========== END OF NAVBAR =========== -->
67

    
68
<hr>
69
<center>
70
	
71
	   <h2>CatSearchForm.js</h2>
72
	
73
</center>
74

    
75
	
76

    
77

    
78
<h4>Summary</h4>
79
<p>
80
	
81
		No overview generated for 'CatSearchForm.js'<BR/><BR/>
82
	
83
</p>
84

    
85
<hr>
86

    
87

    
88
    <table border="1" cellpadding="3" cellspacing="0" width="100%">
89
    <tr bgcolor="#CCCCFF" class="TableHeadingColor">
90
    <td colspan=2><font size="+2">
91
    
92
        <b>Class Summary</b>
93
    
94
    </font></td>
95
    </tr>
96
    
97
    <tr bgcolor="white" class="TableRowColor">
98
    <td width="15%"><b><a href="OWSCatSearchForm.html">OWSCatSearchForm</a></b></td>
99
    <td>&nbsp;</td>
100
    </tr>
101
    
102
    </table>
103
    <hr/> 
104

    
105

    
106
<!-- ========== METHOD SUMMARY =========== -->
107

    
108
<!-- ========== END METHOD SUMMARY =========== -->
109

    
110

    
111
        <pre class="sourceview"><span class="comment">/*
112
Author:       Mike Adair mike.adairATccrs.nrcan.gc.ca
113
License:      LGPL as per: http://www.gnu.org/copyleft/lesser.html
114

    
115
$Id: CatSearchForm.js 3091 2007-08-09 12:21:54Z gjvoosten $
116
*/</span>
117
<span class="comment">
118
// Ensure this object's dependancies are loaded.</span>
119
mapbuilder.loadScript(baseDir+<span class="literal">"/widget/WidgetBaseXSL.js"</span>);
120

    
121
<span class="comment">/**
122
 * Widget to display a form for input of parameters to generate a web service 
123
 * request.  This JS object handles the form submit via HTTP Get by appending 
124
 * a query string to the form's action URL.  The query string is created from
125
 * all input elements and their values.
126
 * The target model is then loaded from the URL created.
127
 * A stylehseet must be specified as a property in config for this widget.  
128
 * See widget/NtsForm.xsl for an example. 
129
 *
130
 * <span class="attrib">@constructor</span>
131
 * <span class="attrib">@base</span> WidgetBaseXSL
132
 * <span class="attrib">@param</span> widgetNode This widget's object node from the configuration document.
133
 * <span class="attrib">@param</span> model The model that this widget is a view of.
134
 */</span>
135

    
136
<span class="reserved">function</span> OWSCatSearchForm(widgetNode, model) {
137
  WidgetBaseXSL.apply(<span class="reserved">this</span>, new Array(widgetNode, model));
138

    
139
  <span class="comment">/**
140
   * Refreshes the form onblur handlers when this widget is painted.
141
   * <span class="attrib">@param</span> objRef Pointer to this CurorTrack object.
142
   */</span>
143
  <span class="reserved">this</span>.postPaint = <span class="reserved">function</span>(objRef) {
144
    objRef.searchForm = document.getElementById(objRef.formName);
145
    objRef.searchForm.parentWidget = objRef;
146

    
147
    objRef.searchForm.westCoord.onblur = objRef.setAoi;
148
    objRef.searchForm.northCoord.onblur = objRef.setAoi;
149
    objRef.searchForm.eastCoord.onblur = objRef.setAoi;
150
    objRef.searchForm.southCoord.onblur = objRef.setAoi;
151
    objRef.searchForm.westCoord.model = objRef.model;
152
    objRef.searchForm.northCoord.model = objRef.model;
153
    objRef.searchForm.eastCoord.model = objRef.model;
154
    objRef.searchForm.southCoord.model = objRef.model;
155

    
156

    
157

    
158
    objRef.searchForm.onkeypress = objRef.handleKeyPress;
159
    objRef.searchForm.onsubmit = objRef.submitForm;
160
<span class="comment">    //objRef.searchForm.mapsheet.onblur = objRef.setMapsheet;</span>
161
  }
162

    
163
  <span class="comment">/**
164
   * Output the AOI coordinates to the associated form input elements.  This
165
   * method is registered as an AOI listener on the context doc.
166
   * <span class="attrib">@param</span> objRef Pointer to this searchForm object.
167
   */</span>
168
  <span class="reserved">this</span>.displayAoiCoords = <span class="reserved">function</span>(objRef) {
169
    objRef.searchForm = document.getElementById(objRef.formName);
170
    var aoi = objRef.model.getParam(<span class="literal">"aoi"</span>);
171
    objRef.searchForm.westCoord.value = aoi[0][0];
172
    objRef.searchForm.northCoord.value = aoi[0][1];
173
    objRef.searchForm.eastCoord.value = aoi[1][0];
174
    objRef.searchForm.southCoord.value = aoi[1][1];
175
  }
176
  <span class="reserved">this</span>.model.addListener(<span class="literal">'aoi'</span>, <span class="reserved">this</span>.displayAoiCoords, <span class="reserved">this</span>);
177

    
178
  <span class="comment">/**
179
   * Handles user input from the form element.  This is an onblur handler for 
180
   * the input elements.
181
   */</span>
182
  <span class="reserved">this</span>.setAoi = <span class="reserved">function</span>() {
183
    var aoi = <span class="reserved">this</span>.model.getParam(<span class="literal">"aoi"</span>);
184
    <span class="reserved">if</span> (aoi) {
185
      var ul = aoi[0];
186
      var lr = aoi[1];
187
      switch(<span class="reserved">this</span>.name) {
188
        case <span class="literal">'westCoord'</span>:
189
          ul[0] = <span class="reserved">this</span>.value;
190
          break;
191
        case <span class="literal">'northCoord'</span>:
192
          ul[1] = <span class="reserved">this</span>.value;
193
          break;
194
        case <span class="literal">'eastCoord'</span>:
195
          lr[0] = <span class="reserved">this</span>.value;
196
          break;
197
        case <span class="literal">'southCoord'</span>:
198
          lr[1] = <span class="reserved">this</span>.value;
199
          break;
200
      }
201
      <span class="reserved">this</span>.model.setParam(<span class="literal">"aoi"</span>,new Array(ul,lr) );
202
    }
203
  }
204

    
205
<span class="comment">/**
206
 * Change the AOI coordinates from select box choice of prefined locations
207
 * <span class="attrib">@param</span> bbox the bbox value of the location keyword chosen
208
 */</span>
209
  <span class="reserved">this</span>.setLocation = <span class="reserved">function</span>(bbox) {
210
    var bboxArray = new Array();
211
    bboxArray     = bbox.split(<span class="literal">","</span>);
212
    var ul = new Array(parseFloat(bboxArray[0]),parseFloat(bboxArray[2]));
213
    var lr = new Array(parseFloat(bboxArray[1]),parseFloat(bboxArray[3]));
214
    <span class="reserved">this</span>.model.setParam(<span class="literal">"aoi"</span>,new Array(ul,lr));
215
<span class="comment">
216
    //convert this.model XY to latlong</span>
217
<span class="comment">    //convert latlong to targetmodel XY</span>
218
<span class="comment">    //extent.setAoi takes XY as input</span>
219
<span class="comment">    //this.targetModel.setParam("aoi", new Array(ul,lr));</span>
220
<span class="comment">    //this.targetModel.setParam("mouseup",this);</span>
221
  }
222

    
223

    
224
  <span class="comment">/**
225
   * Handles submission of the form (via javascript in an &lt;a&gt; tag)
226
   */</span>
227
  <span class="reserved">this</span>.submitForm = <span class="reserved">function</span>() {
228
    thisWidget = <span class="reserved">this</span>.parentWidget;
229
    thisWidget.webServiceForm = document.getElementById(thisWidget.formName);
230
<span class="comment">    //thisWidget.targetModel.setParam("filter",filter);</span>
231
    thisWidget.targetModel.setParam(<span class="literal">"wfs_GetFeature"</span>,<span class="literal">"service_resources"</span>);
232
    <span class="reserved">return</span> false;
233
  }
234

    
235
  <span class="comment">/**
236
   * handles keypress events to filter out everything except "enter".  
237
   * Pressing the "enter" key will trigger a form submit
238
   * <span class="attrib">@param</span> event  the event object passed in for Mozilla; IE uses window.event
239
   */</span>
240
  <span class="reserved">this</span>.handleKeyPress = <span class="reserved">function</span>(event) {
241
    var keycode;
242
    var target;
243
    <span class="reserved">if</span> (event){
244
<span class="comment">      //Mozilla</span>
245
      keycode=event.which;
246
      target=event.currentTarget;
247
    }<span class="reserved">else</span>{
248
<span class="comment">      //IE</span>
249
      keycode=window.event.keyCode;
250
      target=window.event.srcElement.form;
251
    }
252

    
253
    <span class="reserved">if</span> (keycode == 13) {    //enter key
254
      target.parentWidget.submitForm();
255
      <span class="reserved">return</span> false;
256
    }
257
  }
258

    
259
  var RUC_Window=null;
260
  <span class="reserved">this</span>.openRucWindow = <span class="reserved">function</span>( rucType ) { 
261
    <span class="reserved">if</span> ( RUC_Window == null || RUC_Window.closed ) { 
262
      var baseUrl;
263
      var params;
264
      switch(rucType) {
265
        case <span class="literal">"placename"</span>:
266
          baseURL = <span class="literal">"/rucs/placeName.html?language="</span> + config.lang + <span class="literal">"&amp;formName="</span> + <span class="reserved">this</span>.formName;
267
          params = <span class="literal">"width=290,height=480,scrollbars=0,toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=0"</span>;
268
          break;
269
        case <span class="literal">"postalCode"</span>:
270
          baseURL = <span class="literal">"/rucs/postalCode.html?language="</span> + config.lang + <span class="literal">"&amp;formName="</span> + <span class="reserved">this</span>.formName;
271
          params = <span class="literal">"width=280,height=180,scrollbars=0,toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=0"</span>;
272
          break;
273
        default:
274
          alert(mbGetMessage(<span class="literal">"unknownRucType"</span>));
275
          break;
276
      }
277
      RUC_Window = open( baseURL, <span class="literal">"RUCWindow"</span>, params );
278
    }
279
    RUC_Window.focus();
280
    <span class="reserved">return</span> false;
281
  } 
282
  <span class="reserved">function</span> RUC_closeRUCWindow() { 
283
    <span class="reserved">if</span> ( RUC_Window != null &amp;&amp; !RUC_Window.closed ) { 
284
      RUC_Window.close();
285
    } 
286
  } 
287
<span class="comment">
288
  //set some properties for the form output</span>
289
  <span class="reserved">this</span>.formName = <span class="literal">"WebServiceForm_"</span> + mbIds.getId();
290
  <span class="reserved">this</span>.stylesheet.setParameter(<span class="literal">"formName"</span>, <span class="reserved">this</span>.formName);
291
}
292

    
293
  <span class="comment">/**
294
   */</span>
295
  SetAoiCoords = <span class="reserved">function</span>(aoiBox) {
296
    config.objects.mainMap.setParam(<span class="literal">"aoi"</span>,aoiBox );
297
  }
298

    
299
</pre>
300
	<hr>
301

    
302

    
303

    
304
<!-- ========== START OF NAVBAR ========== -->
305
<a name="navbar_top"><!-- --></a>
306
<table border="0" width="100%" cellpadding="1" cellspacing="0">
307
<tr>
308
<td colspan=2 bgcolor="#EEEEFF" class="NavBarCell1">
309
<a name="navbar_top_firstrow"><!-- --></a>
310
<table border="0" cellpadding="0" cellspacing="3">
311
  <tr align="center" valign="top">
312
  
313
  
314
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="overview-summary.html"><font class="NavBarFont1"><b>Overview</b></font></a>&nbsp;</td>
315
  <td bgcolor="#FFFFFF" class="NavBarCell1Rev">	&nbsp;<font class="NavBarFont1Rev"><b>File</b></font>&nbsp;</td>
316
  
317

    
318
  <td bgcolor="#FFFFFF" class="NavBarCell1"> <font class="NavBarFont1">Class</font>&nbsp;</td>
319
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="overview-tree.html"><font class="NavBarFont1"><b>Tree</b></font></a>&nbsp;</td>
320
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="index-all.html"--><font class="NavBarFont1"><b>Index</b></font></a>&nbsp;</td>
321
  <td bgcolor="#EEEEFF" class="NavBarCell1">    <a href="help-doc.html"><font class="NavBarFont1"><b>Help</b></font></a>&nbsp;</td>
322
  </tr>
323
</table>
324
</td>
325
<td bgcolor="#EEEEFF" align="right" valign="top"><em>
326
<b><a href='http://mapbuilder.sourceforge.net'>Community Map Builder</a> 27 Apr 2008</b></em>
327
</td>
328
</tr>
329

    
330
<tr>
331
<td bgcolor="white" class="NavBarCell2"><font size="-2">
332
&nbsp;PREV&nbsp;
333
&nbsp;NEXT</font></td>
334
<td bgcolor="white" class="NavBarCell2"><font size="-2">
335
  <a href="index.html" target="_top"><b>FRAMES</b></a>  &nbsp;
336
&nbsp;<a href="overview-summary.html" target="_top"><b>NO FRAMES</b></a>
337
&nbsp;&nbsp;
338
<script>
339
  <!--
340
  if(window==top) {
341
    document.writeln('<A HREF="allclasses-noframe.html" TARGET=""><B>All Classes</B></A>');
342
  }
343
  //-->
344
</script>
345
<noscript>
346
<a href="allclasses-noframe.html" target=""><b>All Classes</b></a>
347
</noscript>
348
</font></td>
349
</tr>
350
</table>
351
<!-- =========== END OF NAVBAR =========== -->
352

    
353
<hr>
354
<font size="-1">
355

    
356
</font>
357
<div class="jsdoc_ctime">Documentation generated by <a href="http://jsdoc.sourceforge.net/" target="_parent">JSDoc</a> on Sun Apr 27 20:30:54 2008</div>
358
</body>
359
</html>
(221-221/316)