Difference between revisions of "Team:Aix-Marseille/JS 2015/automatic slide"
| (24 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | + | ||
var $targetId; | var $targetId; | ||
var $target; | var $target; | ||
| Line 13: | Line 13: | ||
{ | { | ||
this.hash.replace(/#/,'') | this.hash.replace(/#/,'') | ||
| − | $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']'); | + | $targetId = $(this.hash), $targetAnchor = $('[name="' + this.hash.slice(1) +'"]'); |
$target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false; | $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false; | ||
if ($target) | if ($target) | ||
{ | { | ||
var targetOffset = $target.offset().top; | var targetOffset = $target.offset().top; | ||
| − | + | console.log(targetOffset); | |
$(this).click(function() | $(this).click(function() | ||
{ | { | ||
$("#nav li a").removeClass("active"); | $("#nav li a").removeClass("active"); | ||
$(this).addClass('active'); | $(this).addClass('active'); | ||
| − | $('html, body').animate({scrollTop: targetOffset}, 1000); | + | $('html, body').animate({scrollTop: targetOffset }, 1000); |
return false; | return false; | ||
}); | }); | ||
| Line 39: | Line 39: | ||
{ | { | ||
this.hash.replace(/#/,'') | this.hash.replace(/#/,'') | ||
| − | $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']'); | + | $targetId = $(this.hash), $targetAnchor = $('[name="' + this.hash.slice(1) +'"]'); |
$target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false; | $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false; | ||
if ($target) | if ($target) | ||
{ | { | ||
| − | var targetOffset = $target.offset().top; | + | var targetOffset = $target.offset().top; |
| − | + | console.log(targetOffset); | |
| − | + | $(this).click(function() | |
| − | + | ||
{ | { | ||
$("#nav li a").removeClass("active"); | $("#nav li a").removeClass("active"); | ||
Latest revision as of 17:37, 26 July 2015
var $targetId;
var $target;
$(document).ready(automatic_slide);
$(window).resize(update_prop);
function automatic_slide() { $('a[href*=#]').each(function() { if ( location.pathname.replace(/^\//,) == this.pathname.replace(/^\//,)) { this.hash.replace(/#/,) $targetId = $(this.hash), $targetAnchor = $('[name="' + this.hash.slice(1) +'"]'); $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false; if ($target) { var targetOffset = $target.offset().top; console.log(targetOffset); $(this).click(function() { $("#nav li a").removeClass("active"); $(this).addClass('active'); $('html, body').animate({scrollTop: targetOffset }, 1000); return false; }); } } }); }
function update_prop() { $('a[href*=#]').unbind("click");
$('a[href*=#]').each(function() { if ( location.pathname.replace(/^\//,) == this.pathname.replace(/^\//,)) { this.hash.replace(/#/,) $targetId = $(this.hash), $targetAnchor = $('[name="' + this.hash.slice(1) +'"]'); $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
if ($target) { var targetOffset = $target.offset().top; console.log(targetOffset); $(this).click(function() { $("#nav li a").removeClass("active"); $(this).addClass('active'); $('html, body').animate({scrollTop: targetOffset}, 1000); return false; }); } } }); }