AFG/dump1090
3
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Changing info_footer to info_settings.

Browse source 
Location from footer to top right hand corner.

	modified:   public_html/gmap.html
	modified:   public_html/script.js
	modified:   public_html/style.css
This commit is contained in:
terribl 2013-05-21 09:47:58 +03:00
parent 9e8c1053bd
commit 2d1325f014
3 changed files with 15 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public_html/gmap.html
View file

@ -18,7 +18,7 @@
<p id="selinfo">Click on a plane for info.</p>
<div id="tabinfo"></div>
</div>
<div id="info_footer"><a href="#" onClick="resetMap();">Reset Map</a></div>
<div id="info_settings">[<a href="#" onClick="#resetMap();">Settings</a>]</div>
</div>
</body>
</html>

26
public_html/script.js
View file

@ -363,17 +363,12 @@ function printTime() {
}
}
function placeFooter() {
var windHeight = $(window).height();
var footerHeight = $('#info_footer').height();
var offset = parseInt(windHeight) - parseInt(footerHeight);
function placeSettings() {
$('#info_settings').css('top', parseInt($('#utcTime').offset().top));
var footerWidth = parseInt($('#info_footer').width());
var infoWidth = parseInt($('#info').width());
var marginLeft = parseInt((infoWidth / 2) - (footerWidth / 2));
$('#info_footer').css('top', offset);
$('#info_footer').css('margin-left', marginLeft);
var marginLeft = $('#info').width() - $('#info_settings').width();
marginLeft -= parseInt($('#info_settings').width() / 3); // Little air around
$('#info_settings').css('left', marginLeft);
}
function resetMap() {
@ -381,7 +376,8 @@ function resetMap() {
localStorage['CenterLon'] = 9.0;
localStorage['ZoomLvl'] = 5;
Map.setZoom(parseInt(localStorage['ZoomLvl']));
Map.setCenter(new google.maps.LatLng(parseInt(localStorage['CenterLat']), parseInt(localStorage['CenterLon'])));
Map.setCenter(new google.maps.LatLng(parseInt(localStorage['CenterLat']),
parseInt(localStorage['CenterLon'])));
Selected = null;
refreshSelectedInfo();
}
@ -413,14 +409,14 @@ function initialize() {
maxZoom: 18
}));
// show footer at info-area
// show settings at info-area
$(function(){
$(window).resize(function(e){
placeFooter();
placeSettings();
});
placeFooter();
placeSettings();
// hide it before it's positioned
$('#info_footer').css('display','inline');
$('#info_settings').css('display','inline');
});
// Listener for newly created Map

5
public_html/style.css
View file

@ -26,12 +26,9 @@ margin:0px;
margin-top:10px;
font-size:16px;
}
#info_footer {
#info_settings {
position: absolute;
display: none;
text-align: center;
padding:0px;
margin:0px;
}
#tabinfo{
height: 400px;