"
Template:WUR script.js
From 2012.igem.org
TSlijkhuis (Talk | contribs) |
TSlijkhuis (Talk | contribs) |
||
| (80 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
| - | + | /* START SCRIPT */ | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
var cssUrl = "https://2012.igem.org/Template:WUR_style.css?action=raw&ctype=text/css"; | var cssUrl = "https://2012.igem.org/Template:WUR_style.css?action=raw&ctype=text/css"; | ||
| Line 15: | Line 8: | ||
var headerImgUrl = ""; | var headerImgUrl = ""; | ||
| - | + | jq18(document).ready(function($){ | |
// CSS | // CSS | ||
| Line 24: | Line 17: | ||
}).appendTo("head"); | }).appendTo("head"); | ||
| - | / | + | // Sliders |
| - | + | $('.detection_slider').nivoSlider({ | |
| - | $( | + | effect: 'fade', |
| - | + | directionNav: true, | |
| - | + | controlNav: false, | |
| - | + | pauseTime: 4000, | |
| - | + | animSpeed: 500 | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
}); | }); | ||
| - | |||
// Move menu | // Move menu | ||
| Line 120: | Line 103: | ||
} | } | ||
| + | |||
| + | // Back to top button | ||
| + | $('#thisisthetop').prependTo('body'); | ||
| + | $('#gototop').appendTo('body'); | ||
| + | |||
// Fix prefixes for CSS3 styles | // Fix prefixes for CSS3 styles | ||
$.getScript(prefixfreeUrl, function(){}); | $.getScript(prefixfreeUrl, function(){}); | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
// Achievements animation | // Achievements animation | ||
| Line 171: | Line 125: | ||
if($.browser.msie && parseInt($.browser.version,10) < 9) { | if($.browser.msie && parseInt($.browser.version,10) < 9) { | ||
$('.col').css('width','296px'); | $('.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').show(); | ||
| + | },function(){ | ||
| + | $('#prOvText').hide(); | ||
| + | }); | ||
}); | }); | ||
| + | |||
| + | |||
| + | $ = jq18; | ||
Latest revision as of 18:35, 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').show(); },function(){ $('#prOvText').hide(); });
});
$ = jq18;
