JS en Jquery in Drupal

Codes

Basis

Javascript is de meest populaire scripttaal en is een client-site taal.

jQuery werk ontwikkeld in 2006 en sinds 2015 wordt het op 2/3 van alle website gebruikt.

Momenteel zitten we op versie 3.6

 

jQuery en Drupal.

Standaard wordt vaak $(document).ready(function() gebruikt.

Drupal heeft zijn eigen functie om jQuery te laten werken.

(function ($) {
  Drupal.behaviors.naamVanDeFunctie = {
    attach: function(settings, context) {

// hier de code

 };
})(jQuery);

jQuery kan op elke html tag, ID of class worden toegepast.

Een voorbeeld:

Als er op de website slogan wordt geklikt verschijnt er een alert box met een tekst en een ok knop

(function($) {
Drupal.behaviors.mijnEerstScript = {
  attach: function (context, settings) {
    $(".site-branding__slogan").once().click(function() {
      alert("Geklikt op de slogan");
    });
  }
};
})(jQuery);

Om het helemaal mooi te maken zorg je dat via css de cursor wijzigt als je met de muis over de site slogan gaat.

.site-branding__slogan:hover{
     cursor: pointer;
}