Difference between revisions of "Team:Aix-Marseille/JS 2015/automatic slide"

 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
     $(document).ready(function()
+
     
−
    {
+
     var $targetId;
−
      $('a[href*=#]').each(function()
+
var $target;
−
      {
+
−
        if ( location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') )
+
$(document).ready(automatic_slide);
−
        {
+
−
          this.hash.replace(/#/,'')
+
$(window).resize(update_prop);
−
          var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
+
−
          var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
+
function automatic_slide() {
−
          if ($target)
+
$('a[href*=#]').each(function()
−
          {
+
{
−
            var targetOffset = $target.offset().top;
+
if ( location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,''))
−
            $(this).click(function()
+
{
−
            {
+
  this.hash.replace(/#/,'')
−
              $("#nav li a").removeClass("active");
+
  $targetId = $(this.hash), $targetAnchor = $('[name="' + this.hash.slice(1) +'"]');
−
              $(this).addClass('active');
+
  $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : false;
−
              $('html, body').animate({scrollTop: targetOffset}, 1000);
+
  if ($target)
−
              return false;
+
  {
−
            });
+
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;
 +
});
 +
  } 
 +
}
 +
});
 +
}

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; }); } } }); }