..::Freemedialab::..

«Un buon posto per approfondire in piena libertà e condivisione la propria passione verso l'informatica.»

Questa pagina è in sola lettura. Puoi visualizzare il sorgente, ma non puoi modificarlo. Contatta l'amministratore se pensi che ci sia un errore.

====== Una funzione per mostrare i dialog di jquery ui ======
Autore: **//Fabio Di Matteo//** \\ Ultima revisione: **//21/07/2012//** \\ \\

Sono molto comodi i Dialog di jquery ui, ma a mio avviso manca ancora la possibilita' di crearli a runtime con una semplice funzione. Ecco quindi di seguito il codice che puo' fare al caso nostro. 

===== Come usare la funzione =====

<code javascript>
<a href="javascript:InfoDialog('Mio titolo', 'mio testo');" >Apri dialogo</a>
</code>

o piu' semplicemente in una parte qualsiasi del codice javascript in questo modo:
<code javascript>
InfoDialog('Mio titolo', 'mio testo');
</code>

===== Il codice della funzione =====
<code javascript>
//Contatori dei dailog aperti
var InfoDialogID=0;

function InfoDialog(title, text)
{
	// Contatore dei dialog aperti ci servira per rendere univoco l'id
	// di ogni dialog
	InfoDialogID++ ;
	
	//Aggiungiamo il div che conterra il nostro dialog al body
	$('body').append('<div id="InfoDialog'+InfoDialogID+'" style="font-size: 12px; padding:30px;">'+text+'</div>');
	
	//Il dialog
	$( "#InfoDialog"+InfoDialogID).dialog({autoOpen:false},
					{ height: 200 },{width: 350},
					{ dialogClass: "alert" }, 
					{ title: title },
					{show: "fade"},
					{hide: "explode"},
					{buttons: {	'Okay, va bene': function() {	$( this ).dialog( "close" );}}}
					);
	
	
	//lo mostro
	$( "#InfoDialog"+InfoDialogID ).dialog( "open" );
}


</code>

Nel mio caso ho preferito mettere il codice della funzione in un file a parte e poi l'ho incluso nella pagina che lo utilizza nel modo convenzionale.

..::Freemedialab::.. «Un buon posto per approfondire in piena libertà e condivisione la propria passione verso l'informatica.»

..::Freemedialab::..

Strumenti Utente

Strumenti Sito

Strumenti Pagina

..::Freemedialab::..

«Un buon posto per approfondire in piena libertà e condivisione la propria passione verso l'informatica.»