Team:TU-Munich/TUM13 Script

From 2013.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 1: Line 1:
-
$(document).ready(function(){
+
function myWikiReady() {
 +
 
 +
 
 +
// audio
 +
if ($('div#blubberkolben').length > 0) {
 +
  preload('https://static.igem.org/mediawiki/2013/4/42/TUM13_blubber.gif');
 +
  $('div#blubberkolben').hover(function(e){
 +
    $('div#blubberkolben img')[0].src = "https://static.igem.org/mediawiki/2013/4/42/TUM13_blubber.gif";
 +
    $('div#blubberkolben').append($('<audio autobuffer autoplay loop><source src="https://static.igem.org/mediawiki/2013/b/b3/TUM13_blubbern.mp3" type="audio/mpeg"></audio>'));
 +
  }, function(e){
 +
    $('div#blubberkolben img')[0].src = "https://static.igem.org/mediawiki/2013/a/ab/TUM13_blubbern-stop.gif";
 +
    $('div#blubberkolben audio').remove();
 +
  });
 +
}
Line 18: Line 31:
$("a#gotop").hide(0);
$("a#gotop").hide(0);
 +
gotop();
 +
$(window).scroll(gotop);
$(window).scroll(gotop);
$("a#gotop").click(function(e){
$("a#gotop").click(function(e){
 +
  e.preventDefault();
   $(window).off('scroll', gotop);
   $(window).off('scroll', gotop);
-
   $('html').animate({scrollTop : 0},500,'swing',function(){$(window).scroll(gotop);$("a#gotop").fadeOut(400);});
+
   $('html, body').animate({scrollTop : 0},500,'swing',function(){$(window).scroll(gotop);$("a#gotop").fadeOut(400);});
});
});
Line 51: Line 67:
}
}
 +
// FilterModel
 +
 +
if ($('#rafts').length > 0) {
 +
    initFilterModel();
 +
}
// preload menu backgrounds
// preload menu backgrounds
Line 67: Line 88:
         "https://static.igem.org/mediawiki/2013/d/d6/TUM13_button-judging-highlight.png",
         "https://static.igem.org/mediawiki/2013/d/d6/TUM13_button-judging-highlight.png",
         "https://static.igem.org/mediawiki/2013/c/c5/TUM13_gotop-highlight.png",
         "https://static.igem.org/mediawiki/2013/c/c5/TUM13_gotop-highlight.png",
-
         "https://static.igem.org/mediawiki/2013/2/2d/TUM13_gotop.png" );
+
         "https://static.igem.org/mediawiki/2013/2/2d/TUM13_gotop.png",
 +
        "https://static.igem.org/mediawiki/2013/b/b4/TUM13_ajax-loading.gif",
 +
        "https://static.igem.org/mediawiki/2013/2/29/TUM13_ajax-bg.png" );
// preload footer links
// preload footer links
Line 205: Line 228:
         "https://static.igem.org/mediawiki/2013/6/6b/TUM13_flo-b.png",
         "https://static.igem.org/mediawiki/2013/6/6b/TUM13_flo-b.png",
         "https://static.igem.org/mediawiki/2013/4/4b/TUM13_flo-b-r.png",
         "https://static.igem.org/mediawiki/2013/4/4b/TUM13_flo-b-r.png",
-
         "https://static.igem.org/mediawiki/2013/3/30/TUM13_flo-r.png",
+
         "https://static.igem.org/mediawiki/2013/3/30/TUM13_flo-r.png"/*,
         "https://static.igem.org/mediawiki/2013/5/5d/TUM13_jeff-anim.gif",        // Gifs
         "https://static.igem.org/mediawiki/2013/5/5d/TUM13_jeff-anim.gif",        // Gifs
         "https://static.igem.org/mediawiki/2013/f/f9/TUM13_rosario-anim.gif",
         "https://static.igem.org/mediawiki/2013/f/f9/TUM13_rosario-anim.gif",
Line 217: Line 240:
         "https://static.igem.org/mediawiki/2013/2/24/TUM13_louise-anim.gif",
         "https://static.igem.org/mediawiki/2013/2/24/TUM13_louise-anim.gif",
         "https://static.igem.org/mediawiki/2013/9/9b/TUM13_chris-anim.gif",
         "https://static.igem.org/mediawiki/2013/9/9b/TUM13_chris-anim.gif",
-
         "https://static.igem.org/mediawiki/2013/6/6c/TUM13_katrin-anim.gif" );
+
         "https://static.igem.org/mediawiki/2013/6/6c/TUM13_katrin-anim.gif",
 +
        "https://static.igem.org/mediawiki/2013/5/5e/TUM13_meike-anim.gif" */ );
}
}
Line 240: Line 264:
// Lightbox
// Lightbox
-
$("div.thumbinner > a img").slimbox({/* Put custom options here */}, function(el) {
+
$("div.thumbinner > a img").slimbox({}, function(el) {
url = el.src;
url = el.src;
if (url.indexOf('thumb') != -1) {
if (url.indexOf('thumb') != -1) {
Line 300: Line 324:
clock = window.setInterval(function(){
clock = window.setInterval(function(){
jetzt = new Date();
jetzt = new Date();
-
time_left = Date.UTC(2013, 9, 5, 4, 0, 0) - Date.UTC(jetzt.getUTCFullYear(), jetzt.getUTCMonth(), jetzt.getUTCDate(), jetzt.getUTCHours(), jetzt.getUTCMinutes(), jetzt.getUTCSeconds());
+
time_left = Date.UTC(2013, 9, 29, 4, 0, 0) - Date.UTC(jetzt.getUTCFullYear(), jetzt.getUTCMonth(), jetzt.getUTCDate(), jetzt.getUTCHours(), jetzt.getUTCMinutes(), jetzt.getUTCSeconds());
time_left = (time_left < 0) ? 0 : time_left ;
time_left = (time_left < 0) ? 0 : time_left ;
left_sec = (time_left/1000)%60;
left_sec = (time_left/1000)%60;
Line 386: Line 410:
});
});
 +
// team gifs
 +
/*
$("div.team img").hover(function(e){
$("div.team img").hover(function(e){
     // alert("Test");
     // alert("Test");
Line 394: Line 420:
     }
     }
});
});
 +
*/
 +
// name generator
function swaffel() {
function swaffel() {
-
   var volker = [ 'Molker Votorrad', 'Swolker', 'Holger Mollath', 'Vollgas Motorrad', 'Schmolkers Vorrat', 'Oger Konrad', 'Polter Volker', 'Volkan Murrat', 'Toller Torwart', 'Voll der Koller', 'Mullah Murrat', 'Voller Unrat', 'Troll mit Vollbart', 'Träger Ungar', 'Mordsding Vollhart', 'Molch hat Vorfahrt', 'Volter Streichzart', 'Vollkorn Mossart', 'Folter Mubarak', 'Vorhaut Milzbrand', 'Vortex Mozart', 'Voller Tankwart', 'Vodka Melonath', 'Volker Racho' ];
+
   var volker = [ 'Molker Votorrad', 'Swolker', 'Vollgas Motorrad', 'Schmolkers Vorrat', 'Polter Volker', 'Volkan Murrat', 'Voll der Koller', 'Mullah Murrat', 'Mordsding Vollhart', 'Volter Streichzart', 'Vollkorn Mossart', 'Vortex Mozart', 'Vodka Melonath', 'Volker Racho', 'Molkers Vorrath', 'Herbert' , 'Volker Willesso'];
-
   index = Math.random()*volker.length;
+
   index = Math.round(Math.random() * volker.length);
   return volker[index];
   return volker[index];
}
}
Line 409: Line 437:
}
}
-
});
+
}
 +
 
 +
$(document).ready(myWikiReady);

Latest revision as of 19:27, 9 May 2014

function myWikiReady() {


// audio if ($('div#blubberkolben').length > 0) {

 preload('https://static.igem.org/mediawiki/2013/4/42/TUM13_blubber.gif');
 $('div#blubberkolben').hover(function(e){
   $('div#blubberkolben img')[0].src = "TUM13_blubber.gif";
   $('div#blubberkolben').append($('<audio autobuffer autoplay loop><source src="https://static.igem.org/mediawiki/2013/b/b3/TUM13_blubbern.mp3" type="audio/mpeg"></audio>'));
 }, function(e){
   $('div#blubberkolben img')[0].src = "TUM13_blubbern-stop.gif";
   $('div#blubberkolben audio').remove();
 });

}


// put the footer in the right place

$("#footer-box").prepend($("#social-footer"));


// animate top button

function gotop(e){

 if ($(window).scrollTop() != 0) {
   $("a#gotop").fadeIn(400);
 } else {
   $("a#gotop").fadeOut(400);
 }

}

$("a#gotop").hide(0); gotop();

$(window).scroll(gotop); $("a#gotop").click(function(e){

 e.preventDefault();
 $(window).off('scroll', gotop);
 $('html, body').animate({scrollTop : 0},500,'swing',function(){$(window).scroll(gotop);$("a#gotop").fadeOut(400);});

});


// GET parsing

$.urlParam = function(name){

   var results = new RegExp('[\\?&]' + name + '=([^&#]*)').exec(window.location.href);
   if (results==null){
      return null;
   }
   else{
      while (results[1].indexOf('+') != -1) {
          results[1] = results[1].replace('+', ' ');
      }
      return results[1] || 0;
   }

};


// implement image preloading

function preload() {

   var images = new Array()
   for (i = 0; i < preload.arguments.length; i++) {
       images[i] = new Image()
       images[i].src = preload.arguments[i]
   }

}

// FilterModel

if ($('#rafts').length > 0) {

   initFilterModel();

}

// preload menu backgrounds

preload( "TUM13_menu-highlight.png",

        "TUM13_submenu-bg.png",
        "TUM13_submenu-highlight.png",
        "TUM13_tour-start-highlight.png",
        "TUM13_tour-previous-highlight.png",
        "TUM13_tour-next-highlight.png",
        "TUM13_button-application-highlight.png",
        "TUM13_button-autoannotator-highlight.png",
        "TUM13_button-physco-highlight.png",
        "TUM13_button-entrepreneur-highlight.png",
        "TUM13_button-safety-highlight.png",
        "TUM13_button-judging-highlight.png",
        "TUM13_gotop-highlight.png",
        "TUM13_gotop.png",
        "TUM13_ajax-loading.gif",
        "TUM13_ajax-bg.png" );

// preload footer links

preload( "TUM13_address-highlight.png",

        "TUM13_contact-icon-highlight.png",
        "TUM13_facebook-icon-highlight.png",
        "TUM13_twitter-icon-highlight.png",
        "TUM13_youtube-icon-highlight.png" );

// preload team pictures

if ( $("div#teamfield").length > 0 ) { preload( "TUM13_moos.png",

        "TUM13_katrin-front.png",        // Katrin
        "TUM13_katrin-t.png",
        "TUM13_katrin-t-l.png",
        "TUM13_katrin-l.png",
        "TUM13_katrin-b-l.png",
        "TUM13_katrin-b.png",
        "TUM13_katrin-b-r.png",
        "TUM13_katrin-r.png",
        "TUM13_katrin-t-r.png",
        "TUM13_rosario-front.png",        // Rosario
        "TUM13_rosario-t.png",
        "TUM13_rosario-t-l.png",
        "TUM13_rosario-l.png",
        "TUM13_rosario-b-l.png",
        "TUM13_rosario-b.png",
        "TUM13_rosario-b-r.png",
        "TUM13_rosario-r.png",
        "TUM13_rosario-t-r.png",
        "TUM13_fabian-front.png",        // Fabian
        "TUM13_fabian-t.png",
        "TUM13_fabian-t-l.png",
        "TUM13_fabian-l.png",
        "TUM13_fabian-b-l.png",
        "TUM13_fabian-b.png",
        "TUM13_fabian-b-r.png",
        "TUM13_fabian-r.png",
        "TUM13_fabian-t-r.png",
        "TUM13_andreas-front.png",        // Andreas
        "TUM13_andreas-t.png",
        "TUM13_andreas-t-l.png",
        "TUM13_andreas-l.png",
        "TUM13_andreas-b-l.png",
        "TUM13_andreas-b.png",
        "TUM13_andreas-b-r.png",
        "TUM13_andreas-r.png",
        "TUM13_andreas-t-r.png",
        "TUM13_louise-front.png",        // Louise
        "TUM13_louise-t.png",
        "TUM13_louise-t-l.png",
        "TUM13_louise-l.png",
        "TUM13_louise-b-l.png",
        "TUM13_louise-b.png",
        "TUM13_louise-b-r.png",
        "TUM13_louise-r.png",
        "TUM13_louise-t-r.png",
        "TUM13_johanna-front.png",        // Johanna
        "TUM13_johanna-t.png",
        "TUM13_johanna-t-l.png",
        "TUM13_johanna-l.png",
        "TUM13_johanna-b-l.png",
        "TUM13_johanna-b.png",
        "TUM13_johanna-b-r.png",
        "TUM13_johanna-r.png",
        "TUM13_johanna-t-r.png",
        "TUM13_meike-front.png",        // Meike
        "TUM13_meike-t.png",
        "TUM13_meike-t-l.png",
        "TUM13_meike-l.png",
        "TUM13_meike-b-l.png",
        "TUM13_meike-b.png",
        "TUM13_meike-b-r.png",
        "TUM13_meike-r.png",
        "TUM13_meike-t-r.png",
        "TUM13_volker-front.png",        // Volker
        "TUM13_volker-t.png",
        "TUM13_volker-t-l.png",
        "TUM13_volker-l.png",
        "TUM13_volker-b-l.png",
        "TUM13_volker-b.png",
        "TUM13_volker-b-r.png",
        "TUM13_volker-r.png",
        "TUM13_volker-t-r.png",
        "TUM13_polte-front.png",        // Polte
        "TUM13_polte-t.png",
        "TUM13_polte-t-l.png",
        "TUM13_polte-l.png",
        "TUM13_polte-b-l.png",
        "TUM13_polte-b.png",
        "TUM13_polte-b-r.png",
        "TUM13_polte-r.png",
        "TUM13_polte-t-r.png",
        "TUM13_leonie-front.png",        // Leonie
        "TUM13_leonie-t.png",
        "TUM13_leonie-t-l.png",
        "TUM13_leonie-l.png",
        "TUM13_leonie-b-l.png",
        "TUM13_leonie-b.png",
        "TUM13_leonie-b-r.png",
        "TUM13_leonie-r.png",
        "TUM13_leonie-t-r.png",
        "TUM13_philipp-front.png",        // Philipp
        "TUM13_philipp-t.png",
        "TUM13_philipp-t-l.png",
        "TUM13_philipp-l.png",
        "TUM13_philipp-b-l.png",
        "TUM13_philipp-b.png",
        "TUM13_philipp-b-r.png",
        "TUM13_philipp-r.png",
        "TUM13_philipp-t-r.png",
        "TUM13_jeff-front.png",        // Jeff
        "TUM13_jeff-t.png",
        "TUM13_jeff-t-l.png",
        "TUM13_jeff-l.png",
        "TUM13_jeff-b-l.png",
        "TUM13_jeff-b.png",
        "TUM13_jeff-b-r.png",
        "TUM13_jeff-r.png",
        "TUM13_jeff-t-r.png",
        "TUM13_chris-front.png",        // Chris
        "TUM13_chris-t.png",
        "TUM13_chris-t-l.png",
        "TUM13_chris-l.png",
        "TUM13_chris-b-l.png",
        "TUM13_chris-b.png",
        "TUM13_chris-b-r.png",
        "TUM13_chris-r.png",
        "TUM13_chris-t-r.png",
        "TUM13_flo-front.png",        // Flo
        "TUM13_flo-t.png",
        "TUM13_flo-t-l.png",
        "TUM13_flo-l.png",
        "TUM13_flo-b-l.png",
        "TUM13_flo-b.png",
        "TUM13_flo-b-r.png",
        "TUM13_flo-r.png"/*,
        "TUM13_jeff-anim.gif",        // Gifs
        "TUM13_rosario-anim.gif",
        "TUM13_fabian-anim.gif",
        "TUM13_philipp-anim.gif",
        "TUM13_johanna-anim.gif",
        "TUM13_andi-anim.gif",
        "TUM13_flo-anim.gif",
        "TUM13_polte-anim.gif",
        "TUM13_leonie-anim.gif",
        "TUM13_louise-anim.gif",
        "TUM13_chris-anim.gif",
        "TUM13_katrin-anim.gif",
        "TUM13_meike-anim.gif" */ );

}

// Slideshows

$('.bxslider').bxSlider({

   responsive: false,
   auto: true,
   autoHover: true,
   captions: true

});

$('.bxgallery').bxSlider({

   captions: true,
   slideMargin: 10,
   minSlides: 3,
   maxSlides: 3,
   moveSlides: 1,
   slideWidth: 5000

});

// Lightbox

$("div.thumbinner > a img").slimbox({}, function(el) { url = el.src; if (url.indexOf('thumb') != -1) { url = url.substring(0, url.lastIndexOf('/')); url = url.replace('/thumb/', '/'); } description = $(el).parents("div.thumbinner").children("div.thumbcaption").text(); return [url, description]; }, function(el) { return (this == el); });

$("ul.bxgallery img").slimbox({ loop: true }, function(el) { url = el.src; if (url.indexOf('thumb') != -1) { url = url.substring(0, url.lastIndexOf('/')); url = url.replace('/thumb/', '/'); } description = el.title + el.alt; return [url, description]; }, function(el) { return (this == el) || (this.parentNode.parentNode && (this.parentNode.parentNode == el.parentNode.parentNode)); });


// Counter and Countdown

function render_counter(c) { i = 0; iid = window.setInterval(function(){ if ( (c-i) > (c/200) ) { $('span#counter').html(i); i += Math.round(c/200); } else { $('span#counter').html(c); window.clearInterval(iid); } }, 10); }

if ($('span#counter').length > 0) { $.ajax({ url: "https://2013.igem.org/Special:PopularPages", success: function( html ) { dom = $.parseHTML(html); visitors = $(dom).find('a[title="Team:TU-Munich"]').parent().text(); visitors = visitors.substring(visitors.indexOf('(')+1); visitors = visitors.substring(0, visitors.indexOf(' ')); visitors = visitors.replace(',', ); render_counter(visitors); }, error: function( xhr, status ) { render_counter(4700); } }); }

if ($('span#countdown').length > 0) { clock = window.setInterval(function(){ jetzt = new Date(); time_left = Date.UTC(2013, 9, 29, 4, 0, 0) - Date.UTC(jetzt.getUTCFullYear(), jetzt.getUTCMonth(), jetzt.getUTCDate(), jetzt.getUTCHours(), jetzt.getUTCMinutes(), jetzt.getUTCSeconds()); time_left = (time_left < 0) ? 0 : time_left ; left_sec = (time_left/1000)%60; left_sec = (left_sec < 10) ? "0" + left_sec : left_sec; left_min = Math.floor(time_left/60000)%60; left_min = (left_min < 10) ? "0" + left_min : left_min; left_h = Math.floor(time_left/3600000)%24; left_h = (left_h < 10) ? "0" + left_h : left_h; left_d = Math.floor(time_left/86400000); left_d = (left_d == 1) ? left_d + " day" : left_d + " days"; $('span#countdown').html(left_d + " " + left_h + ":" + left_min + ":" + left_sec); }, 1000); }


// Animate teamfield

if ( $("div#teamfield").length > 0 ) {

var $members = $("div#teamfield a");

$("body").mousemove(function(event){ for (i=0; i<$members.length; i++) {

if ( $members.eq(i).offset().left > event.pageX ) {

   if ( $members.eq(i).offset().top > event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("top-left");
   } else if ( $members.eq(i).offset().top <= event.pageY && ( $members.eq(i).offset().top + $members.eq(i).height() ) >= event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("left");
   } else if ( ( $members.eq(i).offset().top + $members.eq(i).height() ) < event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("bottom-left");
   }

} else if ( $members.eq(i).offset().left <= event.pageX && ( $members.eq(i).offset().left + $members.eq(i).width() ) >= event.pageX ) {

   if ( $members.eq(i).offset().top > event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("top");
   } else if ( $members.eq(i).offset().top <= event.pageY && ( $members.eq(i).offset().top + $members.eq(i).height() ) >= event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("front");
   } else if ( ( $members.eq(i).offset().top + $members.eq(i).height() ) < event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("bottom");
   }    

} else if ( ( $members.eq(i).offset().left + $members.eq(i).width() ) < event.pageX ) {

   if ( $members.eq(i).offset().top > event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("top-right");
   } else if ( $members.eq(i).offset().top <= event.pageY && ( $members.eq(i).offset().top + $members.eq(i).height() ) >= event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("right");
   } else if ( ( $members.eq(i).offset().top + $members.eq(i).height() ) < event.pageY ) {
       $members.eq(i).removeClass();
       $members.eq(i).addClass("bottom-right");
   }  

}

} });

// team gifs /* $("div.team img").hover(function(e){

   // alert("Test");
   if (this.src.search(/gif/) != -1) {
     tmp = this.src;
     this.src = this.alt;
     this.alt = tmp;
   }

});

  • /

// name generator

function swaffel() {

 var volker = [ 'Molker Votorrad', 'Swolker', 'Vollgas Motorrad', 'Schmolkers Vorrat', 'Polter Volker', 'Volkan Murrat', 'Voll der Koller', 'Mullah Murrat', 'Mordsding Vollhart', 'Volter Streichzart', 'Vollkorn Mossart',  'Vortex Mozart',  'Vodka Melonath', 'Volker Racho', 'Molkers Vorrath', 'Herbert' , 'Volker Willesso'];
 index = Math.round(Math.random() * volker.length);
 return volker[index];

}

$('span#swolker').html(swaffel());

$('span#swolker').click(function(e){

 $('span#swolker').html(swaffel());

});

}

}

$(document).ready(myWikiReady);