Difference between revisions of "Template:Heidelberg/js/functions"
(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | $(document).ready(function () { | ||
+ | var pos_menu; | ||
+ | /* | ||
+ | pos_menu = $('.container-fluid > .menu').offset().top; | ||
+ | var pos_title = $('.container-fluid > .title').offset().top; | ||
+ | $descidold = ''; | ||
+ | $panelid = '#1001'; | ||
+ | $(window).scroll(function () { | ||
+ | var scroll_top = $(window).scrollTop(); | ||
+ | if (scroll_top > (pos_title - 42)) { | ||
+ | $('.container-fluid > .title').css({ 'position': 'fixed', 'top': '45px', 'margin-left': 'auto' }); | ||
+ | } else { | ||
+ | $('.container-fluid > .title').css({ 'position': 'relative', 'top': '0px' }); | ||
+ | } | ||
+ | |||
+ | if (scroll_top > pos_menu) { | ||
+ | $('.container-fluid > .menu').css({ 'position': 'fixed', 'top': '0px', 'margin-left': 'auto' }); | ||
+ | } else { | ||
+ | $('.container-fluid > .menu').css({ 'position': 'relative', 'top': '0px' }); | ||
+ | } | ||
+ | }); | ||
+ | */ | ||
+ | }); | ||
+ | $(function() { | ||
+ | $(".carouselimage").click( function() { | ||
+ | highlightcarousel(this); | ||
+ | |||
+ | }); | ||
+ | }); | ||
+ | |||
+ | function fillpanel(person) { | ||
+ | var member = '$team' + person; | ||
+ | var membername = member + 'name'; | ||
+ | var membertext = member + 'text'; | ||
+ | var memberpic = member + 'pic'; | ||
+ | $('#teampanelname').html(eval(membername)); | ||
+ | $('#teampaneltext').html(eval(membertext)); | ||
+ | $('#teampanelpic').attr('src', eval(memberpic)); | ||
+ | } | ||
+ | |||
+ | function highlightcarousel(image) { | ||
+ | var id = $(image).attr('id'); | ||
+ | switch(id) { | ||
+ | case 'carouselteamchristine': | ||
+ | fillpanel('christine'); | ||
+ | break; | ||
+ | case 'carouselteamdaniel': | ||
+ | fillpanel('daniel'); | ||
+ | break; | ||
+ | case 'carouselteamfrieda': | ||
+ | fillpanel('frieda'); | ||
+ | break; | ||
+ | case 'carouselteamhendrik': | ||
+ | fillpanel('hendrik'); | ||
+ | break; | ||
+ | case 'carouselteamjasmin': | ||
+ | fillpanel('jasmin'); | ||
+ | break; | ||
+ | case 'carouselteamlukas': | ||
+ | fillpanel('lukas'); | ||
+ | break; | ||
+ | case 'carouselteammax': | ||
+ | fillpanel('max'); | ||
+ | break; | ||
+ | case 'carouselteammichael': | ||
+ | fillpanel('michael'); | ||
+ | break; | ||
+ | case 'carouselteamstefan': | ||
+ | |||
+ | fillpanel('stefan'); | ||
+ | break; | ||
+ | case 'carouselteamtim': | ||
+ | fillpanel('tim'); | ||
+ | break; | ||
+ | default: | ||
+ | fillpanel('team'); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | $(function() { | ||
+ | $('.jcarousel').jcarousel(); | ||
+ | }); | ||
+ | |||
+ | function trigger(carousel, state) | ||
+ | { | ||
+ | $("#testbutton").html(carousel.first); | ||
+ | }; | ||
+ | |||
+ | $(function() { | ||
+ | $("#testbutton").click( function() { | ||
+ | $('.jcarousel').jcarousel('scroll', '+=2'); | ||
+ | var first = $('.jcarousel').jcarousel('first'); | ||
+ | $(first).css({"width":"300px"}); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $activepanel = ''; | ||
+ | |||
+ | $(".carousel").delegate("li", "click", function() { | ||
+ | var clickedItem = $(this).attr('class'); | ||
+ | console.log(clickedItem); | ||
+ | }); | ||
+ | $(function() { | ||
+ | $("#notebookpanel").hover( | ||
+ | function() { | ||
+ | $(this).css("background", "linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)),url(https://static.igem.org/mediawiki/2015/thumb/a/ad/Heidelberg_media_pictures_notebook_color.png/800px-Heidelberg_media_pictures_notebook_color.png)") | ||
+ | }, | ||
+ | function() { | ||
+ | $(this).css("background","linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)),url(https://static.igem.org/mediawiki/2015/thumb/4/40/Heidelberg_media_pictures_notebook_bw.png/800px-Heidelberg_media_pictures_notebook_bw.png)"); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(function () { | ||
+ | $('.timeline li .timeline-panel').click(function () { | ||
+ | adjustview(); | ||
+ | $panelid = '#' + $(this).attr('id'); | ||
+ | var descid = '#desc' + $(this).attr('id'); | ||
+ | |||
+ | timeline(descid); | ||
+ | |||
+ | }); | ||
+ | }) | ||
+ | |||
+ | $(function () { | ||
+ | $('.timeline li .timeline-badge').click(function () { | ||
+ | shrinkTimeline(); | ||
+ | }) | ||
+ | }) | ||
+ | |||
+ | function timeline(descid) { | ||
+ | console.log(descid + ', ' + $descidold); | ||
+ | extendTimeline(); | ||
+ | if ($descidold == descid) { | ||
+ | adjustview(); | ||
+ | /* maybe I'll do something here later */ | ||
+ | } else { | ||
+ | $($descidold).css({ "display": "none" }); | ||
+ | extendTimelinePanel(descid); | ||
+ | } | ||
+ | } |
Revision as of 16:57, 17 September 2015
$(document).ready(function () { var pos_menu; /* pos_menu = $('.container-fluid > .menu').offset().top; var pos_title = $('.container-fluid > .title').offset().top; $descidold = ; $panelid = '#1001'; $(window).scroll(function () { var scroll_top = $(window).scrollTop();
if (scroll_top > (pos_title - 42)) { $('.container-fluid > .title').css({ 'position': 'fixed', 'top': '45px', 'margin-left': 'auto' }); } else { $('.container-fluid > .title').css({ 'position': 'relative', 'top': '0px' }); }
if (scroll_top > pos_menu) { $('.container-fluid > .menu').css({ 'position': 'fixed', 'top': '0px', 'margin-left': 'auto' }); } else { $('.container-fluid > .menu').css({ 'position': 'relative', 'top': '0px' }); } }); */ });
$(function() {
$(".carouselimage").click( function() { highlightcarousel(this);
}); });
function fillpanel(person) { var member = '$team' + person; var membername = member + 'name'; var membertext = member + 'text'; var memberpic = member + 'pic'; $('#teampanelname').html(eval(membername)); $('#teampaneltext').html(eval(membertext)); $('#teampanelpic').attr('src', eval(memberpic)); }
function highlightcarousel(image) { var id = $(image).attr('id'); switch(id) { case 'carouselteamchristine': fillpanel('christine'); break; case 'carouselteamdaniel': fillpanel('daniel'); break; case 'carouselteamfrieda': fillpanel('frieda'); break; case 'carouselteamhendrik': fillpanel('hendrik'); break; case 'carouselteamjasmin': fillpanel('jasmin'); break; case 'carouselteamlukas': fillpanel('lukas'); break; case 'carouselteammax': fillpanel('max'); break; case 'carouselteammichael': fillpanel('michael'); break; case 'carouselteamstefan':
fillpanel('stefan'); break; case 'carouselteamtim': fillpanel('tim'); break; default: fillpanel('team'); } }
$(function() { $('.jcarousel').jcarousel(); });
function trigger(carousel, state) { $("#testbutton").html(carousel.first); };
$(function() { $("#testbutton").click( function() { $('.jcarousel').jcarousel('scroll', '+=2'); var first = $('.jcarousel').jcarousel('first'); $(first).css({"width":"300px"}); }); });
$activepanel = ;
$(".carousel").delegate("li", "click", function() { var clickedItem = $(this).attr('class'); console.log(clickedItem); }); $(function() { $("#notebookpanel").hover( function() { $(this).css("background", "linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)),url()") }, function() { $(this).css("background","linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)),url(
)"); }); });
$(function () { $('.timeline li .timeline-panel').click(function () { adjustview(); $panelid = '#' + $(this).attr('id'); var descid = '#desc' + $(this).attr('id');
timeline(descid);
}); })
$(function () { $('.timeline li .timeline-badge').click(function () { shrinkTimeline(); }) })
function timeline(descid) { console.log(descid + ', ' + $descidold); extendTimeline(); if ($descidold == descid) { adjustview(); /* maybe I'll do something here later */ } else { $($descidold).css({ "display": "none" }); extendTimelinePanel(descid); }
}