Difference between revisions of "Team:Heidelberg/PiratesCorner"

Line 11: Line 11:
 
<script type="text/javascript" src="https://2015.igem.org/Template:Heidelberg/js/primer?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2015.igem.org/Template:Heidelberg/js/primer?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript">
 
<script type="text/javascript">
 +
 +
    $(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() {
 
     $(function() {
Line 21: Line 46:
 
             });
 
             });
 
         });
 
         });
−
 
−
    $(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);
 
−
        }
 
−
}
 
−
 
−
    function adjustview() {
 
−
      // $('html, body').animate({ scrollTop: ($($panelid).offset().top - 105) }, 500);
 
−
      // console.log($($panelid).offset().top);
 
−
    }
 
−
 
−
function extendTimelinePanel(descid) {
 
−
    $(descid).css({ "display": "block" });
 
−
    $descidold = descid;
 
−
    adjustview();
 
−
}
 
−
 
−
function extendTimeline() {
 
−
    $(".timeline-badge").animate({ "left": "5%" });
 
−
 
−
    $(".timeline li .timeline-panel").animate({ "width": "820px" });
 
−
    $(".timeline li .timeline-panel").css({ "float": "right" });
 
−
    $(".timeline li .timeline-panel").addClass('active');
 
−
    $(".timeline li .timeline-panel").css({ "border-right": "5px solid #4063D7" });
 
−
    $(".timeline li .timeline-panel").css({ "border-left": "0px" });
 
−
    $(".timeline").addClass('active');
 
−
}
 
−
 
−
function shrinkTimeline() {
 
−
    $(".timeline-badge").animate({ "left": "50%" });
 
−
    $(".timeline").removeClass('active');
 
−
    $(".description").css({ "display": "none" });
 
−
 
−
    $(".timeline li .timeline-panel").css({ "float": "left" });
 
−
    $(".timeline li.timeline-inverted .timeline-panel").css({ "float": "right" });
 
−
    $(".timeline li .timeline-panel").animate({ "margin-left": "0px" });
 
−
    $(".timeline li .timeline-panel").animate({ "left": "0px" });
 
−
    $(".timeline li .timeline-panel").animate({ "width": "415px" });
 
−
    $(".timeline li .timeline-panel").css({ "border-left": "5px solid #4063D7" });
 
−
    $(".timeline li .timeline-panel").css({ "border-right": "0px" });
 
−
    $(".timeline li.timeline-inverted .timeline-panel").css({ "border-right": "5px solid #4063D7" });
 
−
    $(".timeline li.timeline-inverted .timeline-panel").css({ "border-left": "0px" });
 
−
    $descidold = '';
 
−
}
 
−
 
−
 
−
 
−
 
  
 
<!-- Replace text -->
 
<!-- Replace text -->

Revision as of 08:14, 18 September 2015