Drupal 7 jQuery (Popup e ui.dialog)

Argomenti: 

Drupal 7 ha supporto nativo per le librerie jQuery UI. Per ottenere una lista delle librerie disponibili allo sviluppatore è possibile usare la funzione drupal_get_library:

print_r(drupal_get_library('system'));

Per ottenere un semplice popup in una pagina, inserite questo codice nel corpo della stessa, utilizzando un filtro "PHP Code":

<?php
drupal_add_library('system', 'ui.dialog');
drupal_add_js('jQuery(document).ready(function () { jQuery( "#popup" ).dialog(); });', 'inline');
?>
<div id="popup" title="Solo un semplice popup">
    <p>Questa finestra è creata tramite la libreria jQuery UI Dialog. Può essere ridimensionata, spostata e chiusa cliccando sulla X.</p>
</div>

L'esempio è molto semplice, ma può essere utile per mostrare informazioni all'utente.

Qui potete vedere un esempio funzionante del codice: http://ganovelli.it/popup-test-jquery-dialog.

 

Commenti

Anonimo (non verificato)

Ciao,
sto imparando i fondamenti del php, tuttavia ho necessità di utilizzare al più presto il filtro php che hai pubblicati, qui, volevo chiederti come e dove inserire il filtro??
Potresti aiutarmi?
Ti ringrazio.

Ritratto di Maurizio Ganovelli

Maurizio Ganovelli

Ciao,
puoi utilizzare l'opzione "position" dell'elemento ad esempio

...
jQuery( "#popup" ).dialog({ position: "top" });
...

per controllare la posizione del popup.
Per una lista completa di opzioni utilizzabili puoi consultare http://jqueryui.com/demos/dialog/#options.