JS en Jquery in Drupal
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;
}