Team:TU-Munich/TUM13 Script

From 2013.igem.org

(Difference between revisions)
 
(31 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();
 +
  });
 +
}
 +
 
// put the footer in the right place
// put the footer in the right place
Line 17: 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 50: Line 67:
}
}
 +
// FilterModel
 +
 +
if ($('#rafts').length > 0) {
 +
    initFilterModel();
 +
}
// preload menu backgrounds
// preload menu backgrounds
Line 66: 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 204: 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 216: 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 239: 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 299: 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 385: Line 410:
});
});
 +
// team gifs
 +
/*
$("div.team img").hover(function(e){
$("div.team img").hover(function(e){
     // alert("Test");
     // alert("Test");
Line 393: 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];
}
}
$('span#swolker').html(swaffel());
$('span#swolker').html(swaffel());
-
alert('test');
+
 
$('span#swolker').click(function(e){
$('span#swolker').click(function(e){
   $('span#swolker').html(swaffel());
   $('span#swolker').html(swaffel());
Line 408: 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);