Creare un PopUp in Drupal con jQuery e Lightbox

Argomenti: 

Vediamo come presentare un popup quando un utente visita una pagina del nostro sito sviluppato in Drupal (5.x/6.x/7.x).

Utilizzeremo jQuery e in particolar modo il plugin Lightbox. Innanzitutto procuriamoci i moduli necessari:

Attivate come al solito i due moduli nella pagina di gestione moduli del vostro sito.

Lightbox2 dovrà essere caricato in ogni pagina in cui vorrete far comparire il popup: per configurare questa impostazione andate nella pagina di amministrazione del modulo (admin/settings/lightbox2) e cambiate "Page specific lightbox2 settings" secondo le vostre esigenze. Per fare un test veloce potete caricarlo in ogni pagina selezionando la voce "Load on every page except the listed pages" e lasciando l'area di testo successiva vuota.

Attenzione:
esiste un bug nel codice javascript della versione attuale di Lighbox2 per Drupal 6 a causa del quale non è possibile utilizzare la tecnica qui descritta. Per poterlo fare è necessario applicare la seguente patch:

http://drupal.org/files/issues/lightbox2_6x_294361.patch

Create un nuovo contenuto ed inserite nel corpo della pagina il seguente codice (selezionate con Formato di input "Full HTML"):

<div id="lightboxAutoModal" style="display: none;"><p>Benvenuto in MGI di Ganovelli Maurizio!</p></div>

Il codice riportato carica all'interno di un popup il frammento di html che si trova dentro il div con id lightboxAutoModal, senza aprire altre finestre del browser (popup "inline"). Naturalmente lo potrete personalizzare come vorrete, inserendovi anche immagini e filmati flash.

Salvate la pagina e controllate il corretto funzionamento del popup. 

Se volete vedere l'effetto di questo tutorial online il link è il seguente: 

http://www.ganovelli.it/test-popup-jquery