Difference between revisions of "Template:Heidelberg/js/functions"

Line 23: Line 23:
 
         */
 
         */
 
     });
 
     });
$(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)");
 
            });
 
        });
 
}
 

Revision as of 16:58, 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' });
           }
       });
       */
   });