Template:WUR script.js

From 2012.igem.org

(Difference between revisions)
Line 111: Line 111:
// Fix prefixes for CSS3 styles
// Fix prefixes for CSS3 styles
$.getScript(prefixfreeUrl, function(){});
$.getScript(prefixfreeUrl, function(){});
-
 
-
// Animate the project overview
 
-
$('#poPnas, #poVLPs, #poOutside, #poInside, #poApplications').hide();
 
-
$('#poPnas').fadeIn(500, function(){
 
-
$('#poVLPs').fadeIn(500, function(){
 
-
$('#poOutside').fadeIn(500, function(){
 
-
$('#poInside').fadeIn(500, function(){
 
-
$('#poApplications').fadeIn(500, function(){});
 
-
});
 
-
});
 
-
});
 
-
});
 
-
 
-
// Click actions for the project overview
 
-
/*
 
-
function poLoad(url) {
 
-
$('#poTextClose').fadeOut();
 
-
$('#poText').slideUp().fadeOut('fast', function(){
 
-
$('#poLoading').fadeIn('fast');
 
-
$('#poText').load(url, function(){
 
-
$('#poLoading').fadeOut('fast');
 
-
$('#poTextClose').fadeIn();
 
-
$(this).fadeIn().slideDown();
 
-
});
 
-
});
 
-
}
 
-
$('#poTextClose').click(function() {
 
-
$('#poText').slideUp().fadeOut();
 
-
$('#poTextClose').fadeOut();
 
-
});
 
-
$('#poPnas').click(function(){ poLoad('https://2012.igem.org/Team:Wageningen_UR/Pnas_ProjectOverview?action=render'); });
 
-
$('#poVLPs').click(function(){ poLoad('https://2012.igem.org/Team:Wageningen_UR/VLPs_ProjectOverview?action=render'); });
 
-
$('#poOutside').click(function(){ poLoad('https://2012.igem.org/Team:Wageningen_UR/OutsideModification_ProjectOverview?action=render'); });
 
-
$('#poInside').click(function(){ poLoad('https://2012.igem.org/Team:Wageningen_UR/InsideModification_ProjectOverview?action=render'); });
 
-
$('#poApplications').click(function(){ poLoad('https://2012.igem.org/Team:Wageningen_UR/Applications_ProjectOverview?action=render'); });
 
-
*/
 
// Achievements animation
// Achievements animation
Line 234: Line 198:
shadowPosition: 'outside',
shadowPosition: 'outside',
shadowFrom: false
shadowFrom: false
 +
});
 +
 +
// Project Overview
 +
$('#prOv > div.buttonbox').hover(function(){
 +
$('#prOvText').html($(this).find('.hiddentext').html())
 +
$('#prOvText').fadeIn();
 +
},function(){
 +
$('#prOvText').fadeOut();
});
});

Revision as of 18:31, 26 October 2012

/* START SCRIPT */

var cssUrl = "https://2012.igem.org/Template:WUR_style.css?action=raw&ctype=text/css"; var nivoJsUrl = 'https://2012.igem.org/Template:WUR_nivo.js?action=raw&ctype=text/javascript'; var nivoCssUrl = "https://2012.igem.org/Template:WUR_nivo.css?action=raw&ctype=text/css"; var prefixfreeUrl = 'https://2012.igem.org/Template:WUR_prefixfree.js?action=raw&ctype=text/javascript';

var headerImgUrl = "";

jq18(document).ready(function($){

// CSS $("<link/>", { rel: "stylesheet", type: "text/css", href: cssUrl }).appendTo("head");

// Sliders $('.detection_slider').nivoSlider({ effect: 'fade', directionNav: true, controlNav: false, pauseTime: 4000, animSpeed: 500 });

// Move menu var menu = $('#navContainer'); $('#navContainer').remove(); $('#content').prepend(menu);

// Move header var header = $('#header_wrapper'); $('#header_wrapper').remove(); $('#content').prepend(header);

// Decorate menu function decorateMenu(el, i) { switch(i) { case 1: el.addClass('ulc1'); i += 1; break;

case 2: el.addClass('ulc2'); i += 1; break;

case 3: i = 1; break;

default: i += 1; } return i; } var i = 0; var ii = 0; menu.find('li').each(function(){ i = decorateMenu($(this),i); ii = $(this).find('ul').find('li').each(function(){decorateMenu($(this),ii);}); });

// Remove title attributes from the menu. // Though this is a bad practice, the design advantage weighted // heavier than the few optically impaired people who visit the // website. menu.find('[title]').removeAttr('title');

// Google Analytics var ga_script = "\ <script type=\"text/javascript\">\ var _gaq = _gaq || [];\ _gaq.push(['_setAccount', 'UA-33423824-1']);\ _gaq.push(['_trackPageview']);\ (function() {\ var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;\ ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';\ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);\ })();\ </script>"; $('head').append(ga_script);

// Move the Footer $('#contentfooter').appendTo('#content');

$('.bigbutton').hover(function(){ $(this).find('img').animate({ 'margin-top': '-175px' },'fast'); },function(){ $(this).find('img').animate({ 'margin-top': '0px' },'fast'); });

// If an anchor-link was pressed, make sure the scrolling was done correctly. if(location.hash) { var sId = location.hash.substr(1); var sEl = document.getElementById(sId); var sJQ = $(sEl);

setTimeout(function(){ $(document).scrollTop(sJQ.offset().top); }, 250);

}

// Back to top button $('#thisisthetop').prependTo('body'); $('#gototop').appendTo('body');


// Fix prefixes for CSS3 styles $.getScript(prefixfreeUrl, function(){});

// Achievements animation $('.achievement').click(function(){ $(this).find('.achievement-desc').slideDown('fast'); }); $('.achievement').hover(function(){ //$(this).find('.achievement-desc').slideDown('fast'); },function(){ $(this).find('.achievement-desc').slideUp('fast'); });

// IE8 column correction if($.browser.msie && parseInt($.browser.version,10) < 9) { $('.col').css('width','296px'); $('.twocol').css('width','617px'); }

// Fancybox $('.fancybox').fancybox(); $('.iframefancybox').fancybox({type: 'iframe'});

// Map highlights: $('img.highlight').maphilight({ fill: true, fillColor: 'ffffff', fillOpacity: 0.2, stroke: true, strokeColor: '000000', strokeOpacity: 0.5, strokeWidth: 1, fade: true, alwaysOn: false, neverOn: false, groupBy: false, wrapClass: true, shadow: false, shadowX: 0, shadowY: 0, shadowRadius: 6, shadowColor: '000000', shadowOpacity: 0.8, shadowPosition: 'outside', shadowFrom: false }); $('img.highlight2').maphilight({ fill: true, fillColor: 'ffffff', fillOpacity: 0.2, stroke: false, strokeColor: '000000', strokeOpacity: 0.5, strokeWidth: 1, fade: true, alwaysOn: false, neverOn: false, groupBy: false, wrapClass: true, shadow: false, shadowX: 0, shadowY: 0, shadowRadius: 6, shadowColor: '000000', shadowOpacity: 0.8, shadowPosition: 'outside', shadowFrom: false }); $('img.highlight3').maphilight({ fill: true, fillColor: 'ffffff', fillOpacity: 0.4, stroke: false, strokeColor: '000000', strokeOpacity: 0.5, strokeWidth: 1, fade: true, alwaysOn: false, neverOn: false, groupBy: false, wrapClass: true, shadow: false, shadowX: 0, shadowY: 0, shadowRadius: 6, shadowColor: '000000', shadowOpacity: 0.8, shadowPosition: 'outside', shadowFrom: false });

// Project Overview $('#prOv > div.buttonbox').hover(function(){ $('#prOvText').html($(this).find('.hiddentext').html()) $('#prOvText').fadeIn(); },function(){ $('#prOvText').fadeOut(); });

});


$ = jq18;