Der er en masse derude om JQuery og Drupal 7, men denne guide hjalp mig mest.
http://drupal7jquery.wordpress.com/
I praksis:
Lav en .js fil og placér den i din theme mappe: js/min.js
I info filen lav følgende link. Det gør, at min.js filen bliver hentet på samtlige sider af Drupal.
scripts[] = js/min.js
Hvis du ønsker at begrænse tilgængeligheden for min.js, kan du læse om andre måder at indlæse javascript filer: Working with JavaScript and jQuery
Indholdet af min.js er nedenstående:
Code: [Select]
jQuery(document).ready(function($){
$("fieldset").removeClass("collapsed"); //fjern collapsed classen fra alle fieldset's
$("p").css("background-color","red"); // gør alle paragrafbaggrunde røde
$("p").click(function(){ //Ved klik på en paragraf, så forsvinder den
$(this).hide();
});
});
Comments