diff --git a/public_html/gmap.html b/public_html/gmap.html index 78bfd77..a197601 100644 --- a/public_html/gmap.html +++ b/public_html/gmap.html @@ -18,7 +18,7 @@

Click on a plane for info.

- +
[Settings]
diff --git a/public_html/script.js b/public_html/script.js index 9a3186d..4d6c9fd 100644 --- a/public_html/script.js +++ b/public_html/script.js @@ -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 diff --git a/public_html/style.css b/public_html/style.css index 72324b2..dd6835f 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -26,12 +26,9 @@ margin:0px; margin-top:10px; font-size:16px; } -#info_footer { -position: absolute; -display: none; -text-align: center; -padding:0px; -margin:0px; +#info_settings { +position: absolute; +display: none; } #tabinfo{ height: 400px;