"
Team:UNITN-Trento/JS/Protocols
From 2013.igem.org
| Line 1: | Line 1: | ||
| + | /** | ||
| + | * jquery.scrollto.js 0.0.1 - https://github.com/yckart/jquery.scrollto.js | ||
| + | * Scroll smooth to any element in your DOM. | ||
| + | * | ||
| + | * Copyright (c) 2012 Yannick Albert (http://yckart.com) | ||
| + | * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php). | ||
| + | * 2013/02/17 | ||
| + | **/ | ||
| + | $.scrollTo = $.fn.scrollTo = function(x, y, options){ | ||
| + | if (!(this instanceof $)) return $.fn.scrollTo.apply($('html, body'), arguments); | ||
| + | |||
| + | options = $.extend({}, { | ||
| + | gap: { | ||
| + | x: 0, | ||
| + | y: 0 | ||
| + | }, | ||
| + | animation: { | ||
| + | easing: 'swing', | ||
| + | duration: 600, | ||
| + | complete: $.noop, | ||
| + | step: $.noop | ||
| + | } | ||
| + | }, options); | ||
| + | |||
| + | return this.each(function(){ | ||
| + | var elem = $(this); | ||
| + | elem.stop().animate({ | ||
| + | scrollLeft: !isNaN(Number(x)) ? x : $(y).offset().left + options.gap.x, | ||
| + | scrollTop: !isNaN(Number(y)) ? y : $(y).offset().top + options.gap.y | ||
| + | }, options.animation); | ||
| + | }); | ||
| + | }; | ||
| + | |||
$(document).ready(function() { | $(document).ready(function() { | ||
Revision as of 16:19, 8 July 2013
/**
* jquery.scrollto.js 0.0.1 - https://github.com/yckart/jquery.scrollto.js * Scroll smooth to any element in your DOM. * * Copyright (c) 2012 Yannick Albert (http://yckart.com) * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php). * 2013/02/17 **/
$.scrollTo = $.fn.scrollTo = function(x, y, options){
if (!(this instanceof $)) return $.fn.scrollTo.apply($('html, body'), arguments);
options = $.extend({}, {
gap: {
x: 0,
y: 0
},
animation: {
easing: 'swing',
duration: 600,
complete: $.noop,
step: $.noop
}
}, options);
return this.each(function(){
var elem = $(this);
elem.stop().animate({
scrollLeft: !isNaN(Number(x)) ? x : $(y).offset().left + options.gap.x,
scrollTop: !isNaN(Number(y)) ? y : $(y).offset().top + options.gap.y
}, options.animation);
});
};
$(document).ready(function() {
/*Protocol Spoiler*/ $(".tn-spoiler-protocol div").not(".tn-spoiler").slideUp();
//Reset first spoiler link default $(".tn-spoiler-protocol > a").each(function() { var al = $(this); //Modify click event of each ProtocolSpoiler link al.click(function(e) {
e.preventDefault();
if(al.parent().hasClass("tn-spoiler-protocol-active")) { //Remove the 'active' status $(".tn-spoiler-protocol-active").removeClass("tn-spoiler-protocol-active"); //Slide up all 'non-active' PS $(".tn-spoiler-protocol").not(".tn-spoiler-protocol-active").children("div").slideUp(); } else { //Remove the 'active' status $(".tn-spoiler-protocol-active").removeClass("tn-spoiler-protocol-active"); //Add the 'active' status to the current link parent al.parent().addClass("tn-spoiler-protocol-active"); //Close all 'non-active' PS $(".tn-spoiler-protocol").not(".tn-spoiler-protocol-active").children("div").slideUp(); //Open active PS $(".tn-spoiler-protocol-active").children("div").slideDown(600, function() { $("html,body").scrollTo($(".tn-spoiler-protocol-active > a").attr("href"),$(".tn-spoiler-protocol-active > a").attr("href")); }); } }); });
/* //Open spoiler based on Hash (at page request) if (document.location.hash != "") { $(".tn-spoiler-protocol > a").each(function() { if ($(this).attr("href") == document.location.hash) { $(".tn-spoiler-protocol-active").removeClass("tn-spoiler-protocol-active"); $(this).parent().addClass("tn-spoiler-protocol-active"); $(".tn-spoiler-protocol").not(".tn-spoiler-protocol-active").children("div").slideUp(); $(".tn-spoiler-protocol-active").children("div").slideToggle(600, function() { $("html,body").scrollTo(document.location.hash,document.location.hash); }); } }); } */ });
