Project

General

Profile

1
 /*
2
  *   '$RCSfile$'
3
  *     Purpose: Default style sheet for KNP project web pages 
4
  *              Using this stylesheet rather than placing styles directly in 
5
  *              the KNP web documents allows us to globally change the 
6
  *              formatting styles of the entire site in one easy place.
7
  *   Copyright: 2000 Regents of the University of California and the
8
  *               National Center for Ecological Analysis and Synthesis
9
  *     Authors: Matt Jones
10
  *
11
  *    '$Author: leinfelder $'
12
  *      '$Date: 2007-09-12 18:50:20 -0700 (Wed, 12 Sep 2007) $'
13
  *  '$Revision: 3435 $'
14
  *
15
  * This program is free software; you can redistribute it and/or modify
16
  * it under the terms of the GNU General Public License as published by
17
  * the Free Software Foundation; either version 2 of the License, or
18
  * (at your option) any later version.
19
  *
20
  * This program is distributed in the hope that it will be useful,
21
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
22
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
23
  * GNU General Public License for more details.
24
  *
25
  * You should have received a copy of the GNU General Public License
26
  * along with this program; if not, write to the Free Software
27
  * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
28
  */
29

    
30
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
31
 * * * * * *  CONFIGURATION SETTINGS - EDIT THESE FOR YOUR ENVIRONMENT * * * * 
32
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
33

    
34
 
35
//  These settings allow you to include and display common content (eg a common 
36
//  header) on all your pages, in much the same way as a frameset allows you to 
37
//  do, but through the use of iframes and a table instead. You can include up 
38
//  to 4 external pages, each one within the header, footer, left or right areas
39
//
40
//  looks like this (if you're using a fixed width font to display these notes):
41
//    ___________________
42
//    |     header      |
43
//    |-----------------|
44
//    | |             | |
45
//    | |             | |
46
//    |L|   content   |R|
47
//    | |             | |
48
//    | |             | |
49
//    |-----------------|
50
//    |     footer      | 
51
//    -------------------
52
//
53
//  Each area may display another page on the local site, or a page on a 
54
//  different server, or may be set to display nothing (in which case an iframe 
55
//  will not be drawn, although the containing table cell will still need to be 
56
//  resized using the css style - see below) 
57
//
58
//  NOTES:
59
//
60
//  1) if you have any links in the included documents, the target attribute for 
61
//     these *MUST* be set to _top, otherwise the new document will be displayed 
62
//     inside the small iframe areas, instead of replacing the entire page!
63
//     - example: <a href="index.html" target="_top">HOME</a>
64
//   
65
//  2) you will need to set the correct iframe size, in order to accomodate 
66
//     each of these areas on the page. The default location for these size 
67
//     settings is in the default.css file - see the "IFRAME_XXXXXX_CLASS" 
68
//     variables (below) for the name of the style to edit
69
//
70
//  3) you will also need to set the correct table cell sizes and/or overall 
71
//     table size for similar reasons. The default location for these size 
72
//     settings is in the default.css file - see the "TEMPLATE_XXXXXX_CLASS" 
73
//     variables (below) for the name of the style to edit
74

    
75

    
76

    
77
////////////////////////////////////////////////////////////////////////////////
78
//  Edit these variables to define the content that will be loaded into the 
79
//  various iframes. Each may be a relative path to another page on the local 
80
//  site, or a full URL to a page on a remote server, or may be set to the empty 
81
//  string if no content is required at that position on the page (and in which  
82
//  case an iframe will not be drawn, although an empty table cell will still  
83
//  exist unless it is resized smaller) . 
84
//  ( e.g. if you do not want a header to be included, set: HEADER_URL="";)
85
////////////////////////////////////////////////////////////////////////////////
86

    
87

    
88
//  Location of the header that will be displayed at the top of the page
89
var HEADER_URL = "@style-skins-path@/sanparks/header.jsp";
90

    
91
// Location of the search box that will be displayed above the  
92
//  results on the results page (optional)
93
var SEARCHBOX_URL = "";  //= "searchform.html"
94
//var SEARCHBOX_URL = "@style-skins-path@/sanparks/SaeonLogin.jspx";
95

    
96
//  Location of the header that will be displayed at the top of the page
97
var LEFTCOL_URL = "@style-skins-path@/sanparks/leftnav.jsp";
98
  
99
//  Location of the header that will be displayed at the top of the page
100
//var RIGHTCOL_URL = "@style-skins-path@/sanparks/spatial/pma.html";
101
var RIGHTCOL_URL = "";
102

    
103
//  Location of the header that will be displayed at the top of the page
104
var FOOTER_URL = "@style-skins-path@/sanparks/footer.jspx";
105
  
106
//var LOGINBOX_URL = "";
107
var LOGINBOX_URL = "@style-skins-path@/sanparks/SaeonLogin.jspx";
108

    
109
//  Location of the map that will be displayed
110
var MAP_URL = "@style-skins-path@/sanparks/spatial/pma.html";
111
//var MAP_URL = "";
112

    
113

    
114
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
115
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
116
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
117
/* * * * * * * * *  MAY CHANGE THE FOLLOWING, BUT SHOULDN'T NEED TO* * * * * */ 
118
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
119
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
120
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
121

    
122
  
123
////////////////////////////////////////////////////////////////////////////////
124
//  Edit the default.css file to set the correct iframe sizes to accomodate the 
125
//  header, footer, left and right areas.
126
//  The following variables set the names of the styles that will be applied to 
127
//  each of the iframes - they can be anythign you wish, provided you use the 
128
//  same names for your classes in the css file
129
//  NOTE: these styles apply only to each container frame, *NOT* to the document
130
//  within it!
131
////////////////////////////////////////////////////////////////////////////////
132

    
133
//header iframe class
134
var IFRAME_HEADER_CLASS         = "iframeheaderclass";
135

    
136
//(metacat only) search box iframe class
137
//var IFRAME_SEARCHBOX_CLASS      = "iframesearchboxclass";
138
var IFRAME_SEARCHBOX_CLASS      = "iframeloginboxclass";
139

    
140
//left column iframe class
141
var IFRAME_LEFTCOL_CLASS        = "iframeleftcolclass";
142

    
143
//right column iframe class
144
var IFRAME_RIGHTCOL_CLASS       = "mapFrame";
145

    
146
//map iframe class
147
var IFRAME_MAP_CLASS       = "mapFrame";
148

    
149
//footer iframe class
150
var IFRAME_FOOTER_CLASS         = "iframefooterclass";
151

    
152
//(metacat only) login box iframe class
153
var IFRAME_LOGINBOX_CLASS      = "iframeloginboxclass";
154

    
155
////////////////////////////////////////////////////////////////////////////////
156
//  Edit the default.css file to set the correct table sizes to accomodate the 
157
//  header, footer, left and right iframes.
158
//  The following variables set the names of the styles that will be applied to 
159
//  each of the table cells (or the table itself - see below) - they can be 
160
//  anything you wish, provided you use the same names for your classes in the 
161
//  css file
162
//  NOTE: these styles apply only to each table cell, *NOT* to the document 
163
//  inside the iframe that is nested within it! (the exception is 
164
//  TEMPLATE_CONTENTAREA_CLASS, since the content probably isn't within an 
165
//  iframe - so style elements in this class will apply to the content istelf)
166
////////////////////////////////////////////////////////////////////////////////
167

    
168
//entire table class
169
var TEMPLATE_TABLE_CLASS        = "templatetableclass";
170

    
171
//header table-cell class. Note you should not set css "width" on this, since it 
172
//includes a colspan
173
var TEMPLATE_HEADERROW_CLASS    = "templateheaderrowclass";
174

    
175
//left column table-cell class. Note that restricting css "height" on this may 
176
//affect visibility of the main content, since it's in the same table row 
177
var TEMPLATE_LEFTCOL_CLASS      = "templateleftcolclass";
178

    
179
//main central content table-cell class. Note that css attributes set here may 
180
//apply to the content nested inside this cell
181
var TEMPLATE_CONTENTAREA_CLASS  = "templatecontentareaclass";
182

    
183
//rigth column table-cell class. Note that restricting css "height" on this may 
184
//affect visibility of the main content, since it's in the same table row 
185
var TEMPLATE_RIGHTCOL_CLASS     = "templaterightcolclass";
186

    
187
//footer table-cell class. Note you should not set "width" on this, since it 
188
//includes a colspan
189
var TEMPLATE_FOOTERROW_CLASS    = "templatefooterrowclass";
190

    
191
//
192
// Skin specific functions
193
function submitform(formObj) {
194

    
195
  if (trim(formObj.elements["loginAction"].value)!="Login") return true;
196
  //trim username & passwd:
197
  var username = trim(formObj.elements["uid"].value);
198
  var organization  = trim(formObj.elements["organization"].value);
199
  var password      = trim(formObj.elements["password"].value);
200

    
201
  if (username=="") {
202
    alert("You must type a username. \n"+popupMsg);
203
        formObj.elements["uid"].focus();
204
    return false;
205
  }
206

    
207
  if (organization=="") {
208
    alert("You must select an organization. \n"+popupMsg);
209
        formObj.elements["organization"].focus();
210
    return false;
211
  }
212

    
213
  if (password=="") {
214
    alert("You must type a password. \n"+popupMsg);
215
        formObj.elements["password"].focus();
216
    return false;
217
  }
218

    
219
  formObj.username.value="uid="+formObj.elements["uid"].value+",o="+formObj.elements["organization"].value+",dc=ecoinformatics,dc=org";
220
  return true;
221
}
222

    
223
function trim(stringToTrim) {
224
  return stringToTrim.replace(/^\s*/, '').replace(/\s*$/,'');
225
}
(14-14/17)