jQuery

Drupal - Come impostare il valore di default in un form

A volte può essere necessario dover impostare il valore predefinito di un campo in un form Drupal. Ad esempio il classico "Cerca nel sito..." nei form di ricerca. Nel momento in cui l'utente clicca sul campo il valore scompare e si può immettere una stringa.

Drupal - Come impostare il valore di default in un form

Come ricaricare un CSS tramite cookie

Nello scorso articolo ho indicato un metodo per caricare un foglio di stile aggiuntivo in una pagina web utilizzando jQuery. Questa tecnica ha un difetto: nel momento in cui si ricarica la pagina, il foglio di stile non viene applicato nuovamente, e si rende quindi necessario ricaricarlo manualmente.

Possiamo però utilizzare dei cookie per memorizzare il nome del foglio di stile aggiuntivo e, durante il caricamento della pagina, ne verifichiamo l'esistenza ed il contenuto.

Come ricaricare un CSS tramite cookie

Cambiare CSS con jQuery

La libreria jQuery è molto versatile. Tra le numerose funzionalità, si trova anche la possibilità di caricare un foglio di stile programmando ad esempio un pulsante o un link.

Basta abusare ancora una volta della funzione $ per aggiungere il riferimento al nuovo file CSS:

Cambiare CSS con jQuery

Internet Explorer non supporta, ed io non lo sopporto!

Come dicevo qualche ora fa, nell'annuncio della nuova versione del sito, ho avuto qualche problema nel far funzionare tutto correttamente anche con Internet Explorer.

Oltre ai soliti noiosi problemi legati al mancato supporto del formato grafico PNG, al non riconoscimento di alcuni (molti) selettori CSS, e all'interpretazione errata del "box model", Internet Explorer fa un po' quel che gli pare anche con i JavaScript.

jQuery integrato in Drupal, perchè non usarlo?

Dopo aver cercato inutilmente di far coesistere jQuery e Mootools per alcuni effetti grafici che volevo realizzare in un template per Drupal, ho deciso di usare jQuery visto che è già integrato nel mio CMS preferito.

L'effetto speciale non è altro che il far apparire e scomparire una parte del sito cliccando su un punto ben preciso del sito.

Il codice da inserire nel template è banale:


$(document).ready(function() {
$('a#ID_LINK').click(function() {
$('#ID_OBJ').toggle(500);
return false;
});
});

jQuery + Mootools, conflitti e trucchetti

Lavorando su un template per Drupal che utilizza Mootools mi sono accorto di alcuni problemi. Questa libreria va in conflitto con jQuery (utilizzata dal motore di Drupal) rendendo non funzionanti opzioni come i blocchi a scomparsa o l'autocompletamento in alcune caselle di testo.

Il problema è da cercarsi nel codice delle due librerie: entrambe dichiarano una funzione:

$()

Ovviamente le due funzioni sono differenti per cui bisogna trovare un rimedio per poter conciliare le due librerie.