Project

General

Profile

Revision 3435

savepoint - sanparks skin looks good with new map, consistent L+F etc..
only thing remaining is a tweak to get bounding box for map zooming adjusted to follow mouse click and drag (starts far to the right of pointer).

View differences:

lib/style/skins/sanparks/SaeonLogin.jspx
280 280
	</tr>
281 281
	
282 282
	<tr>
283
	<td colspan="2">
283
	<td colspan="2" align="center">
284 284
	
285 285
	
286 286
	<!-- Map here --> 
287 287
	<br />
288 288
	<h3>Southern Africa</h3>
289 289
	
290
		<!-- 
290 291
		<iframe
291
			 
292 292
			id="mapFrame"
293 293
			name="mapFrame"
294 294
			class="mapFrame"
295
			width="100%"
296
			height="400px"
297 295
			frameborder="0"
298 296
			scrolling="no"
299
			src="spatial/pma.html" />
300
	
297
			src="spatial/pma.html">
298
		</iframe>
299
		-->
301 300
	</td>
302 301
	
303 302
	<!-- so the map frame doesn't overlap content -->
lib/style/skins/sanparks/spatial/pma.html
63 63
			<table border="0" style="border: 1px solid #525d76;">
64 64
			
65 65
				<tr>
66
					
67
					<td>
68
						 
69
						<table border="0">
70
							<tr> <td id="locatorMap" style="display:none"/> </tr>
71
							<tr> <td id="mainButtonBar" />  </tr>
72
							<tr> <td id="legend" valign="top"/> </tr> 
73
							<tr> <td colspan="3" id="featureList" /> </tr>
74
						</table>
75
						
76
					</td>
77
					
66 78
					<td colspan="1">
67 79
						<div id="mainMapPane" style="background-color:white;" />
68 80
						<div id="loading">
......
72 84
						</div>
73 85
						
74 86
					</td>
87
					
75 88
				<!-- -->
76 89
				</tr>
77 90
				<tr align="left">
78 91
				<!-- -->
79
					<td>
80
						 
81
						<table border="0">
82
							<tr> <td id="locatorMap" style="display:none"/> </tr>
83
							<tr> <td id="mainButtonBar" />  </tr>
84
							<tr> <td id="legend" valign="top"/> </tr> 
85
							<tr> <td colspan="3" id="featureList" /> </tr>
86
						</table>
87
						
88
					</td>
89 92
					
90 93
				</tr>
91 94
				
lib/style/skins/sanparks/sanparks.js
106 106
//var LOGINBOX_URL = "";
107 107
var LOGINBOX_URL = "@style-skins-path@/sanparks/SaeonLogin.jspx";
108 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 = "";
109 112

  
110 113

  
111 114
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
......
140 143
//right column iframe class
141 144
var IFRAME_RIGHTCOL_CLASS       = "mapFrame";
142 145

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

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

  
lib/style/skins/sanparks/index.jsp
37 37
    </head>
38 38
    <body>
39 39
        <script language="JavaScript">
40
            function getMapFrame() {
41
                return document.getElementById('mapFrame');
42
            }
43 40
            insertTemplateOpening();
44 41
        </script>
45 42
        
43
        <!-- Main content -->
46 44
        <jsp:include page="SaeonLogin.jspx" />
47 45
        
46
        <!-- map frame -->
48 47
        <script language="JavaScript">
49
            //insertLoginBox();
50
            //insertSearchBox();
48
            insertMap();
49
        </script>
50
        
51
        <!-- wrap it up with the closing -->
52
        <script language="JavaScript">
51 53
            insertTemplateClosing();
52 54
        </script>
53 55
    </body>
lib/style/skins/sanparks/sanparks.css
77 77
}
78 78

  
79 79
.iframeleftcolclass  { 
80
    height:	712px;
80
    /*height:	712px;*/
81
    height:	100%;
82
    min-height:	712px;
83
  	/*height:	expression(document.body.clientWidth < 712? "712px": "auto" );*/
81 84
	width:	175px;
82 85
}
83 86

  
......
99 102

  
100 103
.mapFrame { 
101 104
    /*height: 59em;*/
102
    height: 712px;
103
    width: 290px;
105
    height: 300px;
106
    width: 600px;
104 107
	vertical-align: top;
105 108
	background: #FFFFFF;
106 109
}
107 110

  
108 111
body > table td #mapFrame {
109 112
	/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
110
    width: 290px;
113
    /*width: 290px;*/
111 114
}
112 115

  
113 116
/**

Also available in: Unified diff