"
Team:Heidelberg/js/notebook
From 2014.igem.org
(Difference between revisions)
| Line 20: | Line 20: | ||
$('#outerWrapper').stop(true); | $('#outerWrapper').stop(true); | ||
$week.addClass('active'); | $week.addClass('active'); | ||
| - | $('#outerWrapper').animate({scrollTop: $week.offset().top - $('#innerWrapper').offset().top}, 1500, "easeInOutCubic"); | + | $('#outerWrapper').animate({scrollTop: ($week.offset().top - $('#innerWrapper').offset().top)-20}, 1500, "easeInOutCubic"); |
var $month = $('.month').filter(function(){ | var $month = $('.month').filter(function(){ | ||
return $(this).data("timestamp") <= timestamp; | return $(this).data("timestamp") <= timestamp; | ||
| Line 26: | Line 26: | ||
$('.month').removeClass('active'); | $('.month').removeClass('active'); | ||
$month.addClass('active'); | $month.addClass('active'); | ||
| + | } | ||
| + | |||
| + | updateGraph = function() { | ||
| + | |||
} | } | ||
| Line 38: | Line 42: | ||
$('#innerWrapper > .'+selectedProject).fadeIn(); | $('#innerWrapper > .'+selectedProject).fadeIn(); | ||
}); | }); | ||
| + | |||
}); | }); | ||
Revision as of 20:57, 13 October 2014
var projects = {
dnmt1 : "DNMT1 description", lov: "LOV Domain description", lysozyme : "Lysozyme description", standards: "Standards description", toolbox: "Toolbox description"
}
var selectedProject = "dnmt1";
scrollToElement = function(id){ $('#outerWrapper').animate({scrollTop: $('#'+id).offset().top - $('#innerWrapper').offset().top}, 1500, "easeInOutCubic"); }
updateToTimestamp = function(timestamp) {
var $week = $('#innerWrapper .'+selectedProject).filter(function(){
return ($(this).data("timestamp") <= timestamp) && (timestamp < $(this).data("timestamp")+604800);
}).first();
$('#innerWrapper .'+selectedProject).removeClass('active');
$('#outerWrapper').stop(true);
$week.addClass('active');
$('#outerWrapper').animate({scrollTop: ($week.offset().top - $('#innerWrapper').offset().top)-20}, 1500, "easeInOutCubic");
var $month = $('.month').filter(function(){
return $(this).data("timestamp") <= timestamp;
}).last();
$('.month').removeClass('active');
$month.addClass('active');
}
updateGraph = function() {
}
$(document).ready(function(){
$(".titles span").click(function(event){
$('.titles span').removeClass("active");
$(event.target).addClass("active");
$('#project-description').html(projects[event.target.id]);
selectedProject = event.target.id;
console.log(selectedProject);
$('#innerWrapper > :not(.'+selectedProject).fadeOut();
$('#innerWrapper > .'+selectedProject).fadeIn();
});
});
