touti

permaculture web

  • Code JS , lien mené à l’ancre sinon à la page

    Au clic sur un lien possédant une ancre, teste si la cible de l’ancre existe bien dans la page avant de réécrire le lien en ancre simple. Le but est d’avoir une navigation par ancre très rapide mais avec une alternative en dur.

    <code>

    jQuery(document).ready(function(){
    $(“a[href*=’#']”).click(function() {
    var href = $(this).attr(’href’);
    anchor = href.split(’#')[1];
    var $myDiv = $(’#'+anchor);
    if ($myDiv.length) {
    $(this).attr(’href’, ’#'+anchor);
    }
    });
    });

    </code>
    <code>

    Et pour créer des #ancres sur des titres SPIP en retirant les accents et ajoutant des tirets inter mots, utilisez le filtre |url_nettoyer{200} sans oublier d’inclure la fonction reprise de SPIP (plugin dist urls_etendues)
    include_spip(’action/editer_url’) ;

    </code>
    Code touti

    #jQuery #anchors_html #SPIP