Difference between revisions of "Team:Heidelberg/PiratesCorner"
Line 46: | 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 --> | ||
Line 58: | Line 130: | ||
} catch(err) {;} | } catch(err) {;} | ||
}; | }; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</script> | </script> |
Revision as of 08:14, 18 September 2015