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.
Argomenti:
Commenti
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.
Ciao, devi attivare il modulo "PHP filter" che ti aggiungerà un filtro di input in più (nell'elenco a selezione "Formato del testo") utilizzabile nel corpo dei nodi.
Ciao e grazie per questo semplice snippet, mi funziona perfettamente ma mi chiedevo come posso stabilire io la posizione del popup? Grazie in anticipo.
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.