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.
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.
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:
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.
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;
});
});
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.
Ultimi commenti
1 settimana 6 giorni fa
2 settimane 5 giorni fa
2 settimane 6 giorni fa
4 settimane 3 giorni fa
6 settimane 1 giorno fa
6 settimane 3 giorni fa
6 settimane 3 giorni fa
6 settimane 3 giorni fa
6 settimane 5 giorni fa
8 settimane 6 ore fa