Team:Calgary/TestPageJS

From 2013.igem.org

(Difference between revisions)
(Created page with "$(document).ready(function() { $('#slides').superslides({ pagination: false, animation: 'fade' }); NavSizing(); DescriptionLinksSpacing(); $(window).resize(function...")
m
 
Line 1: Line 1:
$(document).ready(function() {
$(document).ready(function() {
-
$('#slides').superslides({
+
if ($('body').width() > 868) {
-
pagination: false,
+
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
-
animation: 'fade'
+
$('#LogoItem').css('display', 'block');
-
});
+
}
-
+
else if ($('body').width() <= 868) {
-
NavSizing();
+
if ($('body').width() > 744) {
-
DescriptionLinksSpacing();
+
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2));
 +
$('#LogoItem').css('display', 'none');
 +
}
 +
}
$(window).resize(function() {
$(window).resize(function() {
-
NavSizing();
+
if ($('body').width() > 868) {
-
DescriptionLinksSpacing();
+
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
 +
$('#LogoItem').css('display', 'block');
 +
}
 +
else if ($('body').width() <= 868) {
 +
if ($('body').width() > 744) {
 +
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2));
 +
$('#LogoItem').css('display', 'none');
 +
}
 +
}
});
});
});
});
-
 
-
function NavSizing() {
 
-
if ($('body').width() > 868) {
 
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2));
 
-
$('#LogoItem').css('display', 'block')
 
-
}
 
-
else if (($('body').width() <= 868) && ($('body').width() > 744)) {
 
-
$('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2));
 
-
$('#LogoItem').css('display', 'none');
 
-
}
 
-
}
 
-
 
-
function DescriptionLinksSpacing() {
 
-
var ScreenWidth = $('body').width();
 
-
if (ScreenWidth > 1007) {
 
-
var Margins = Math.floor(ScreenWidth * .086666);
 
-
var ElementWidth = Math.floor(ScreenWidth * .37);
 
-
 
-
$('#SectionLinks').css('padding-left', Margins);
 
-
$('#SectionLinks').css('padding-top', Margins);
 
-
$('#SectionLinks .DescriptionLink').css('margin-right', Margins);
 
-
$('#SectionLinks .DescriptionLink').css('margin-bottom', Margins);
 
-
$('#SectionLinks .DescriptionLink').css('width', ElementWidth);
 
-
}
 
-
}
 

Latest revision as of 23:00, 19 August 2013

$(document).ready(function() { if ($('body').width() > 868) { $('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2)); $('#LogoItem').css('display', 'block'); } else if ($('body').width() <= 868) { if ($('body').width() > 744) { $('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2)); $('#LogoItem').css('display', 'none'); } }

$(window).resize(function() { if ($('body').width() > 868) { $('#TopBar').css('padding-left', Math.floor(($('body').width() - 868) / 2)); $('#LogoItem').css('display', 'block'); } else if ($('body').width() <= 868) { if ($('body').width() > 744) { $('#TopBar').css('padding-left', Math.floor(($('body').width() - 744) / 2)); $('#LogoItem').css('display', 'none'); } } }); });