Terug naar vorige pagina menuknop (jQuery)

Moeilijkheidsgraad

trefwoorden

Deze bespreking omschrijft hoe je een "terug naar vorige pagina" knop maakt in een menu.

Maak een nieuwe menulink aan in het menu van uw keuze.
Stel de link in gebruik makende van # of route:<nolink> 

Gebruik de module zoals Menu Link Attributes om een class toe te kennen aan de menulink.
(deze module werkt niet in Adaptive theme)
 

Menulink toevoegen

 

 

Of 

Met de element inspector van je browser ga je op zoek naar een class die verbonden is aan het menu item.

 

Class via inspector

In dit voorbeeld werken we verder met de class gegeven via Menu Link Attributes


Plak onderstaande jQuery code in JS injector of het daartoe bestemde .js bestand van uw thema.

(function ($) {
  Drupal.behaviors.GaPaginaTerug = {
    attach: function(context, settings) {
      $('.pagina-terug').bind('click', function() {
          parent.history.back(-1);
              return false;
      });
    }
  }
})(jQuery);

Het met groen gemarkeerde gedeelte is de class waarop de jQuery van toepassing is. Pas deze aan naar de class die u gebruikt. 

jQuery code

Leeg alle caches.

Bij elke klik op de menulink "Vorige" ga je één pagina terug in de browser geschiedenis.