Une ancre est un terme qui définit un lien interne redirigeant vers une autre partie de la même page. En cliquant sur ce lien (cette ancre) le visiteur est redirigé automatiquement vers la partie de la page contenant cette ancre.

 

l'URL lien "ancre" ressemble par la suite à cela : http://www.nom_du_site.com/nom_page/#nom_ancre 

 

Une technique simple pour créer une ancre de ce type nécessite d'utiliser un module Widget/HTML et un code HTML.

L'idée est de placer cette ancre (module Widget/HTML)  à l'endroit de la page vers lequel vous souhaitez rediriger

 

Comment créer une ancre (lien interne à une page) en quelques pas :

      ● insérez un module Widget/HTML

      ● intégrez le code HTML suivant : <a name="nom_ancre " id="nom_ancre "> </a>  en remplaçant nom_ancre  par le nom que vous souhaitez donner à l'ancre. (les deux parties nom_ancre  doivent porter le même nom au final)

      ● enregistrez.

      ● l'endroit de la page où vous avez intégré l'ancre est alors appelable en externe (autre site Internet) sous l'URL http://nom_du_site.com/nom_page/#nom_ancre

et ainsi reliable depuis un autre site.

 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript">

</script>

 

<script type="text/javascript">

 

//<![CDATA[

 

        $(function() {

          $('a[href*=#]:not([href=#])').click(function() {

            if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

              var target = $(this.hash);

              target = target.length ? target : $('[name=' + this.hash.slice(1) +']');

              if (target.length) {

                $('html,body').animate({

                  scrollTop: target.offset().top

                }, 1000);

                return false;

              }

            }

          });

        });

 

//]]>

</script>