Difference between revisions of "Team:Aachen/Aachen custom"

Line 1: Line 1:
 
Scroll = (
 
Scroll = (
−
function(){
+
function(){
−
var x,y;
+
var x,y;
−
function hndlr(){
+
function hndlr(){
−
window.scrollTo(x,y);
+
window.scrollTo(x,y);
−
//return;
+
//return;
−
}
+
}
−
return {
+
return {
  
−
disable : function(x1,y1){
+
disable : function(x1,y1){
−
x = x1;
+
x = x1;
−
y = y1;
+
y = y1;
−
if(window.addEventListener){
+
if(window.addEventListener){
−
window.addEventListener("scroll",hndlr);
+
window.addEventListener("scroll",hndlr);
−
}
+
}
−
else{
+
else{
−
window.attachEvent("onscroll", hndlr);
+
window.attachEvent("onscroll", hndlr);
−
}
+
}
  
−
},
+
},
−
enable: function(){
+
enable: function(){
−
if(window.removeEventListener){
+
if(window.removeEventListener){
−
window.removeEventListener("scroll",hndlr);
+
window.removeEventListener("scroll",hndlr);
−
}
+
}
−
else{
+
else{
−
window.detachEvent("onscroll", hndlr);
+
window.detachEvent("onscroll", hndlr);
−
}
+
}
−
}
+
}
  
−
}
+
}
−
})();
+
})();
 
(function($, window, undefined) {
 
(function($, window, undefined) {
−
"use strict";
+
"use strict";
  
−
jQuery(document).ready(function ($) {
+
jQuery(document).ready(function ($) {
  
−
$(document).on('scroll', function () {
+
$(document).on('scroll', function () {
−
    // if the scroll distance is greater than 100px
+
// if the scroll distance is greater than 100px
−
    if ($(window).scrollTop() > 100) {
+
if ($(window).scrollTop() > 100) {
−
      // do something
+
// do something
−
    $('.site-header').addClass('scrolled-header');
+
$('.site-header').addClass('scrolled-header');
−
    }
+
}
−
    else {
+
else {
−
    $('.site-header').removeClass('scrolled-header');
+
$('.site-header').removeClass('scrolled-header');
−
    }
+
}
−
});
+
});
−
+
−
//  go to top
+
−
var offset = 300,
+
−
    offset_opacity = 1200,
+
−
scroll_top_duration = 700,
+
−
$back_to_top = $('.go-top');
+
−
//hide or show the "back to top" link
+
−
$(window).on('scroll', function(){
+
−
( $(this).scrollTop() > offset ) ? $back_to_top.addClass('go-top-visible') : $back_to_top.removeClass('go-top-visible go-top-fade-out');
+
−
if( $(this).scrollTop() > offset_opacity ) {
+
−
$back_to_top.addClass('go-top-fade-out');
+
−
}
+
−
});
+
  
−
//smooth scroll to top
+
// go to top
−
$back_to_top.on('click', function(event){
+
var offset = 300,
−
event.preventDefault();
+
offset_opacity = 1200,
−
$('body,html').animate({
+
scroll_top_duration = 700,
−
scrollTop: 0 ,
+
$back_to_top = $('.go-top');
−
}, scroll_top_duration
+
//hide or show the "back to top" link
−
);
+
$(window).on('scroll', function(){
−
});
+
( $(this).scrollTop() > offset ) ? $back_to_top.addClass('go-top-visible') : $back_to_top.removeClass('go-top-visible go-top-fade-out');
 +
if( $(this).scrollTop() > offset_opacity ) {
 +
$back_to_top.addClass('go-top-fade-out');
 +
}
 +
});
  
−
$('nav.main-navigation > ul > li').each(function(){
+
//smooth scroll to top
−
$(this).find('.has-submenu').append('<i class="fa fa-angle-down"></i>');
+
$back_to_top.on('click', function(event){
−
});
+
event.preventDefault();
 +
$('body,html').animate({
 +
scrollTop: 0 ,
 +
}, scroll_top_duration
 +
);
 +
});
  
−
// Mobile navigation
+
$('nav.main-navigation > ul > li').each(function(){
−
$(".responsive-menu .menu-item-has-children").append('<div class="show-submenu"><i class="fa fa-chevron-circle-down"></i></div>');
+
$(this).find('.has-submenu').append('<i class="fa fa-angle-down"></i>');
 +
});
  
−
    $(".responsive-menu").on("click", ".show-submenu", function(e) {
+
// Mobile navigation
−
e.stopPropagation();
+
$(".responsive-menu .menu-item-has-children").append('<div class="show-submenu"><i class="fa fa-chevron-circle-down"></i></div>');
  
−
$(this).parent().toggleClass("current")
+
$(".responsive-menu").on("click", ".show-submenu", function(e) {
−
.children(".sub-menu").toggleClass("open");
+
e.stopPropagation();
  
−
$(this).html($(this).html() == '<i class="fa fa-chevron-circle-down"></i>' ? '<i class="fa fa-chevron-circle-up"></i>' : '<i class="fa fa-chevron-circle-down"></i>');
+
$(this).parent().toggleClass("current")
−
$(".nano").nanoScroller();
+
.children(".sub-menu").toggleClass("open");
−
});
+
  
−
$(".responsive-menu").on("click", "a", function(e) {
+
$(this).html($(this).html() == '<i class="fa fa-chevron-circle-down"></i>' ? '<i class="fa fa-chevron-circle-up"></i>' : '<i class="fa fa-chevron-circle-down"></i>');
−
if( ($(this).attr('href') === "#") || ($(this).attr('href') === "") ) {
+
$(".nano").nanoScroller();
−
$(this).parent().children(".show-submenu").trigger("click");
+
});
−
return false;
+
−
} else {
+
−
offcanvas_close();
+
−
}
+
−
});
+
−
$(window).on("scroll", function() {
+
−
if($(window).scrollTop() > 80) {
+
−
$(".header").addClass("activeColour");
+
−
} else {
+
−
//remove the background property so it comes transparent again (defined in your css)
+
−
$(".header").removeClass("activeColour");
+
−
}
+
−
});
+
  
−
$(function(){
+
$(".responsive-menu").on("click", "a", function(e) {
−
$('#giflist li a img').hover(function(){
+
if( ($(this).attr('href') === "#") || ($(this).attr('href') === "") ) {
−
// on mouse enter
+
$(this).parent().children(".show-submenu").trigger("click");
−
var customdata = $(this).parent().attr('id');
+
return false;
−
$(this).attr('src',customdata);
+
} else {
−
}, function(){
+
offcanvas_close();
−
// on mouse leave
+
}
−
$(this).attr('src',$(this).attr('data-orig'));
+
});
−
});
+
$(window).on("scroll", function() {
−
});
+
if($(window).scrollTop() > 80) {
−
                $(function() {
+
$(".header").addClass("activeColour");
−
$("#giflist li div ").hover(
+
} else {
−
// on mouse enter
+
//remove the background property so it comes transparent again (defined in your css)
−
function(e){
+
$(".header").removeClass("activeColour");
−
//alert($(this).attr('id'));
+
}
−
$(this).children('.sameBulb').hide();
+
});
−
$(this).children('.bulbChange').show();
+
−
}, // over
+
−
function(e){
+
−
// on mouse leave
+
−
$(this).children('.bulbChange').hide();
+
−
$(this).children('.sameBulb').show();
+
−
}
+
−
);
+
−
});
+
  
−
+
$(function(){
 +
$('#giflist li a img').hover(function(){
 +
// on mouse enter
 +
var customdata = $(this).parent().attr('id');
 +
$(this).attr('src',customdata);
 +
}, function(){
 +
// on mouse leave
 +
$(this).attr('src',$(this).attr('data-orig'));
 +
});
 +
});
 +
$(function() {
 +
$("#giflist li div ").hover(
 +
// on mouse enter
 +
function(e){
 +
//alert($(this).attr('id'));
 +
$(this).children('.sameBulb').hide();
 +
$(this).children('.bulbChange').show();
 +
}, // over
 +
function(e){
 +
// on mouse leave
 +
$(this).children('.bulbChange').hide();
 +
$(this).children('.sameBulb').show();
 +
}
 +
);
 +
});
  
−
$(function(){
 
−
$('.icon_design').click(function() {
 
−
$('.design').show();
 
−
$(".fundraising").hide();
 
−
$(".hardware").hide();
 
−
$(".IT").hide();
 
−
$(".pr").hide();
 
−
$(".wetlab").hide();
 
−
$(".organization").hide();
 
−
$(".defaultText").hide();
 
  
−
});
 
−
$('.icon_fundraising').click(function() {
 
−
$('.design').hide();
 
−
$(".fundraising").show();
 
−
$(".hardware").hide();
 
−
$(".IT").hide();
 
−
$(".pr").hide();
 
−
$(".wetlab").hide();
 
−
$(".organization").hide();
 
−
$(".defaultText").hide();
 
−
});
 
−
$('.icon_hardware').click(function() {
 
−
$('.design').hide();
 
−
$(".fundraising").hide();
 
−
$(".hardware").show();
 
−
$(".IT").hide();
 
−
$(".pr").hide();
 
−
$(".wetlab").hide();
 
−
$(".organization").hide();
 
−
$(".defaultText").hide();
 
−
});
 
−
$('.icon_IT').click(function() {
 
−
$('.design').hide();
 
−
$(".fundraising").hide();
 
−
$(".hardware").hide();
 
−
$(".IT").show();
 
−
$(".pr").hide();
 
−
$(".wetlab").hide();
 
−
$(".organization").hide();
 
−
$(".defaultText").hide();
 
−
});
 
−
$('.icon_pr').click(function() {
 
−
$('.design').hide();
 
−
$(".fundraising").hide();
 
−
$(".hardware").hide();
 
−
$(".IT").hide();
 
−
$(".pr").show();
 
−
$(".wetlab").hide();
 
−
$(".organization").hide();
 
−
$(".defaultText").hide();
 
−
});
 
−
$('.icon_wetlab').click(function() {
 
−
$('.design').hide();
 
−
$(".fundraising").hide();
 
−
$(".hardware").hide();
 
−
$(".IT").hide();
 
−
$(".pr").hide();
 
−
$(".wetlab").show();
 
−
$(".organization").hide();
 
−
$(".defaultText").hide();
 
−
});
 
−
$('.icon_organization').click(function() {
 
−
$('.design').hide();
 
−
$(".fundraising").hide();
 
−
$(".hardware").hide();
 
−
$(".IT").hide();
 
−
$(".pr").hide();
 
−
$(".wetlab").hide();
 
−
$(".organization").show();
 
−
$(".defaultText").hide();
 
−
});
 
  
−
});
+
$(function(){
 +
$('.icon_design').click(function() {
 +
$('.design').show();
 +
$(".fundraising").hide();
 +
$(".hardware").hide();
 +
$(".IT").hide();
 +
$(".pr").hide();
 +
$(".wetlab").hide();
 +
$(".organization").hide();
 +
$(".defaultText").hide();
  
−
function offsetAnchor() {
+
});
−
if(location.hash.length !== 0) {
+
$('.icon_fundraising').click(function() {
−
window.scrollTo(window.scrollX, window.scrollY - 150);
+
$('.design').hide();
−
}
+
$(".fundraising").show();
−
}
+
$(".hardware").hide();
−
$(window).on("hashchange",offsetAnchor);
+
$(".IT").hide();
−
window.setTimeout(offsetAnchor, 1);
+
$(".pr").hide();
 +
$(".wetlab").hide();
 +
$(".organization").hide();
 +
$(".defaultText").hide();
 +
});
 +
$('.icon_hardware').click(function() {
 +
$('.design').hide();
 +
$(".fundraising").hide();
 +
$(".hardware").show();
 +
$(".IT").hide();
 +
$(".pr").hide();
 +
$(".wetlab").hide();
 +
$(".organization").hide();
 +
$(".defaultText").hide();
 +
});
 +
$('.icon_IT').click(function() {
 +
$('.design').hide();
 +
$(".fundraising").hide();
 +
$(".hardware").hide();
 +
$(".IT").show();
 +
$(".pr").hide();
 +
$(".wetlab").hide();
 +
$(".organization").hide();
 +
$(".defaultText").hide();
 +
});
 +
$('.icon_pr').click(function() {
 +
$('.design').hide();
 +
$(".fundraising").hide();
 +
$(".hardware").hide();
 +
$(".IT").hide();
 +
$(".pr").show();
 +
$(".wetlab").hide();
 +
$(".organization").hide();
 +
$(".defaultText").hide();
 +
});
 +
$('.icon_wetlab').click(function() {
 +
$('.design').hide();
 +
$(".fundraising").hide();
 +
$(".hardware").hide();
 +
$(".IT").hide();
 +
$(".pr").hide();
 +
$(".wetlab").show();
 +
$(".organization").hide();
 +
$(".defaultText").hide();
 +
});
 +
$('.icon_organization').click(function() {
 +
$('.design').hide();
 +
$(".fundraising").hide();
 +
$(".hardware").hide();
 +
$(".IT").hide();
 +
$(".pr").hide();
 +
$(".wetlab").hide();
 +
$(".organization").show();
 +
$(".defaultText").hide();
 +
});
 +
 
 +
});
 +
 
 +
function offsetAnchor() {
 +
if(location.hash.length !== 0) {
 +
window.scrollTo(window.scrollX, window.scrollY - 150);
 +
}
 +
}
 +
$(window).on("hashchange",offsetAnchor);
 +
window.setTimeout(offsetAnchor, 1);
 +
 
 +
function extractPageName(hrefString) {
 +
var arr = hrefString.split('/');
  
−
            function extractPageName(hrefString) {
 
−
var arr = hrefString.split('/');
 
  
−
 
 
return  (arr.length<2) ? hrefString : arr[arr.length-2].toLowerCase() + arr[arr.length-1].toLowerCase();               
 
return  (arr.length<2) ? hrefString : arr[arr.length-2].toLowerCase() + arr[arr.length-1].toLowerCase();               
−
  }
+
}
  
−
function setActiveMenu(arr, crtPage) {
+
function setActiveMenu(arr, crtPage) {
−
for (var i=0; i<arr.length; i++)
+
for (var i=0; i<arr.length; i++)
−
{
+
{
  
−
if(extractPageName(arr[i].href) == crtPage)
+
if(extractPageName(arr[i].href) == crtPage)
−
{
+
{
−
+
 
−
                                        arr[i].className = "current";  
+
arr[i].className = "current";  
−
                                        arr[i].parentNode.className = "current";   
+
arr[i].parentNode.className = "current";   
−
                                        //arr[i].parentNode.parentNode.className = "current";   
+
//arr[i].parentNode.parentNode.className = "current";   
−
                                         
+
 
−
+
 
 +
 
 +
}
 +
}
 +
}
  
−
}
 
−
}
 
−
}
 
−
 
 
// call this method from your page
 
// call this method from your page
−
$(function setPage(){
+
$(function setPage(){
  
−
var hrefString;
+
var hrefString;
−
hrefString = document.location.href ? document.location.href : document.location;
+
hrefString = document.location.href ? document.location.href : document.location;
−
if (document.getElementById("pageHighlighter")!=null)
+
if (document.getElementById("pageHighlighter")!=null)
  
 
setActiveMenu(document.getElementById("pageHighlighter").getElementsByTagName("a"), extractPageName(hrefString));
 
setActiveMenu(document.getElementById("pageHighlighter").getElementsByTagName("a"), extractPageName(hrefString));
−
});
+
});
  
−
// method for protocol page
+
// method for protocol page
−
$(document).ready(function(){
+
$(document).ready(function(){
−
$('.protocolhide').hide();
+
$('.protocolhide').hide();
−
$('#category-tabs li a').click(function(e){
+
$('#category-tabs li a').click(function(e){
−
                                e.preventDefault();
+
e.preventDefault();
−
$(this).next('ol').slideToggle('500');
+
$(this).next('ol').slideToggle('500');
−
$(this).find('i').toggleClass('fa-chevron-circle-down fa-chevron-circle-up')
+
$(this).find('i').toggleClass('fa-chevron-circle-down fa-chevron-circle-up')
−
});
+
});
−
});
+
});
 +
 
 +
$("a").click(function(){
 +
$("a").removeClass("activeimage");
 +
$(this).addClass("activeimage");
 +
});
  
−
$("a").click(function(){
 
−
$("a").removeClass("activeimage");
 
−
$(this).addClass("activeimage");
 
−
});
 
−
 
 
$(function(){
 
$(function(){
−
$('a.bgscroll').click(function(e){
+
$('a.bgscroll').click(function(e){
  
−
 
−
Scroll.disable(0,window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
 
−
                             
 
−
});
 
  
−
});   
+
Scroll.disable(0,window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
−
$(function(){
+
 
−
$('a.close').click(function(){
+
});
−
Scroll.disable(0,window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
+
 
−
setTimeout(function(){
+
});   
−
Scroll.enable();
+
$(function(){
−
},100);
+
$('a.close').click(function(){
−
});
+
Scroll.disable(0,window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);
−
});
+
setTimeout(function(){
 +
Scroll.enable();
 +
},100);
 +
});
 +
});
 +
 
 +
 
 +
$(function(){
 +
alert("hihi");
 +
$('#ecoli1').click(function(e)
 +
{
 +
e.preventDefault();
 +
alert("hihi");
 +
$("#ecoli1").attr('src',"images/T--Aachen--timeline_ecoli_color_1.png");
 +
});
 +
});
  
  
−
});
+
});
  
 
})(jQuery, window);
 
})(jQuery, window);

Revision as of 12:55, 12 October 2016

Scroll = ( function(){ var x,y; function hndlr(){ window.scrollTo(x,y); //return; } return {

disable : function(x1,y1){ x = x1; y = y1; if(window.addEventListener){ window.addEventListener("scroll",hndlr); } else{ window.attachEvent("onscroll", hndlr); }

}, enable: function(){ if(window.removeEventListener){ window.removeEventListener("scroll",hndlr); } else{ window.detachEvent("onscroll", hndlr); } }

} })(); (function($, window, undefined) { "use strict";

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

$(document).on('scroll', function () { // if the scroll distance is greater than 100px if ($(window).scrollTop() > 100) { // do something $('.site-header').addClass('scrolled-header'); } else { $('.site-header').removeClass('scrolled-header'); } });

// go to top var offset = 300, offset_opacity = 1200, scroll_top_duration = 700, $back_to_top = $('.go-top'); //hide or show the "back to top" link $(window).on('scroll', function(){ ( $(this).scrollTop() > offset ) ? $back_to_top.addClass('go-top-visible') : $back_to_top.removeClass('go-top-visible go-top-fade-out'); if( $(this).scrollTop() > offset_opacity ) { $back_to_top.addClass('go-top-fade-out'); } });

//smooth scroll to top $back_to_top.on('click', function(event){ event.preventDefault(); $('body,html').animate({ scrollTop: 0 , }, scroll_top_duration ); });

$('nav.main-navigation > ul > li').each(function(){ $(this).find('.has-submenu').append(''); });

// Mobile navigation

$(".responsive-menu .menu-item-has-children").append('
');

$(".responsive-menu").on("click", ".show-submenu", function(e) { e.stopPropagation();

$(this).parent().toggleClass("current") .children(".sub-menu").toggleClass("open");

$(this).html($(this).html() == '' ? '' : ''); $(".nano").nanoScroller(); });

$(".responsive-menu").on("click", "a", function(e) { if( ($(this).attr('href') === "#") || ($(this).attr('href') === "") ) { $(this).parent().children(".show-submenu").trigger("click"); return false; } else { offcanvas_close(); } }); $(window).on("scroll", function() { if($(window).scrollTop() > 80) { $(".header").addClass("activeColour"); } else { //remove the background property so it comes transparent again (defined in your css) $(".header").removeClass("activeColour"); } });

$(function(){ $('#giflist li a img').hover(function(){ // on mouse enter var customdata = $(this).parent().attr('id'); $(this).attr('src',customdata); }, function(){ // on mouse leave $(this).attr('src',$(this).attr('data-orig')); }); }); $(function() { $("#giflist li div ").hover( // on mouse enter function(e){ //alert($(this).attr('id')); $(this).children('.sameBulb').hide(); $(this).children('.bulbChange').show(); }, // over function(e){ // on mouse leave $(this).children('.bulbChange').hide(); $(this).children('.sameBulb').show(); } ); });


$(function(){ $('.icon_design').click(function() { $('.design').show(); $(".fundraising").hide(); $(".hardware").hide(); $(".IT").hide(); $(".pr").hide(); $(".wetlab").hide(); $(".organization").hide(); $(".defaultText").hide();

}); $('.icon_fundraising').click(function() { $('.design').hide(); $(".fundraising").show(); $(".hardware").hide(); $(".IT").hide(); $(".pr").hide(); $(".wetlab").hide(); $(".organization").hide(); $(".defaultText").hide(); }); $('.icon_hardware').click(function() { $('.design').hide(); $(".fundraising").hide(); $(".hardware").show(); $(".IT").hide(); $(".pr").hide(); $(".wetlab").hide(); $(".organization").hide(); $(".defaultText").hide(); }); $('.icon_IT').click(function() { $('.design').hide(); $(".fundraising").hide(); $(".hardware").hide(); $(".IT").show(); $(".pr").hide(); $(".wetlab").hide(); $(".organization").hide(); $(".defaultText").hide(); }); $('.icon_pr').click(function() { $('.design').hide(); $(".fundraising").hide(); $(".hardware").hide(); $(".IT").hide(); $(".pr").show(); $(".wetlab").hide(); $(".organization").hide(); $(".defaultText").hide(); }); $('.icon_wetlab').click(function() { $('.design').hide(); $(".fundraising").hide(); $(".hardware").hide(); $(".IT").hide(); $(".pr").hide(); $(".wetlab").show(); $(".organization").hide(); $(".defaultText").hide(); }); $('.icon_organization').click(function() { $('.design').hide(); $(".fundraising").hide(); $(".hardware").hide(); $(".IT").hide(); $(".pr").hide(); $(".wetlab").hide(); $(".organization").show(); $(".defaultText").hide(); });

});

function offsetAnchor() { if(location.hash.length !== 0) { window.scrollTo(window.scrollX, window.scrollY - 150); } } $(window).on("hashchange",offsetAnchor); window.setTimeout(offsetAnchor, 1);

function extractPageName(hrefString) { var arr = hrefString.split('/');


return (arr.length<2) ? hrefString : arr[arr.length-2].toLowerCase() + arr[arr.length-1].toLowerCase(); }

function setActiveMenu(arr, crtPage) { for (var i=0; i<arr.length; i++) {

if(extractPageName(arr[i].href) == crtPage) {

arr[i].className = "current"; arr[i].parentNode.className = "current"; //arr[i].parentNode.parentNode.className = "current";


} } }

// call this method from your page $(function setPage(){

var hrefString; hrefString = document.location.href ? document.location.href : document.location; if (document.getElementById("pageHighlighter")!=null)

setActiveMenu(document.getElementById("pageHighlighter").getElementsByTagName("a"), extractPageName(hrefString)); });

// method for protocol page $(document).ready(function(){ $('.protocolhide').hide(); $('#category-tabs li a').click(function(e){ e.preventDefault(); $(this).next('ol').slideToggle('500'); $(this).find('i').toggleClass('fa-chevron-circle-down fa-chevron-circle-up') }); });

$("a").click(function(){ $("a").removeClass("activeimage"); $(this).addClass("activeimage"); });

$(function(){ $('a.bgscroll').click(function(e){


Scroll.disable(0,window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0);

});

}); $(function(){ $('a.close').click(function(){ Scroll.disable(0,window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0); setTimeout(function(){ Scroll.enable(); },100); }); });


$(function(){ alert("hihi"); $('#ecoli1').click(function(e) { e.preventDefault(); alert("hihi"); $("#ecoli1").attr('src',"images/T--Aachen--timeline_ecoli_color_1.png"); }); });


});

})(jQuery, window);