|
|
| 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);
| |
| − | }
| |
| − | }
| |