CONTATTACI

Guide per aspiranti programmatori

Sviluppatore dall'aria dubbiosa che si interroga su che cos'è jquery
Lezione 33 / 36

Uso di widget e componenti di jQuery UI

L’utilizzo dei widget jQuery UI è sorprendentemente semplice. Dopo aver incluso jQuery e jQuery UI nel tuo progetto, puoi iniziare ad applicare i widget agli elementi del DOM. Ecco alcuni esempi:

 

Datepicker in jQuery UI

Il Datepicker è un calendario interattivo che può essere collegato a un campo di input:

<input type="text" id="datepicker">
<script>
$( "#datepicker" ).datepicker();
</script>

Dialog in jQuery UI

Crea una finestra di dialogo modale o non modale:

<div id="dialog" title="Basic dialog">
  <p>Questo è un dialogo di esempio.</p>
</div>
<script>
$( "#dialog" ).dialog();
</script>

Tabs in jQuery UI

Organizza il contenuto in schede interattive:

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Prima</a></li>
    <li><a href="#tabs-2">Seconda</a></li>
    <li><a href="#tabs-3">Terza</a></li>
  </ul>
  <div id="tabs-1">
    <p>Contenuto della prima scheda</p>
  </div>
  <div id="tabs-2">
    <p>Contenuto della seconda scheda</p>
  </div>
  <div id="tabs-3">
    <p>Contenuto della terza scheda</p>
  </div>
</div>
<script>
$( "#tabs" ).tabs();
</script>

Personalizzazione dei Widget di jQuery UI

Una delle caratteristiche più potenti di jQuery UI è la sua personalizzabilità. Puoi modificare l’aspetto e il comportamento dei widget utilizzando opzioni, metodi e eventi specifici di ciascun widget.

 

Opzioni dei widget in jQuery UI

Ogni widget ha un set di opzioni che possono essere configurate. Ad esempio, puoi impostare il formato della data nel Datepicker:

$("#datepicker").datepicker({
    dateFormat: "yy-mm-dd"
});

Metodi dei widget in jQuery UI

I widget offrono anche metodi per eseguire azioni specifiche. Per esempio, puoi aprire programmaticamente un dialogo:

$("#dialog").dialog("open");

Eventi dei widget in jQuery UI

Puoi collegare funzioni agli eventi dei widget per eseguire azioni quando accade qualcosa di specifico. Ad esempio, puoi eseguire una funzione quando una nuova data viene selezionata nel Datepicker:

$("#datepicker").datepicker({
    onSelect: function(dateText, inst) {
        console.log("Data selezionata: " + dateText);
    }
});

Contattaci senza impegno per informazioni sul corso

Pagamento rateale

Valore della rata: A PARTIRE DA 115 €/mese.

Esempio di finanziamento 

Importo finanziato: € 2440 in 24 rate da € 115 – TAN fisso 9,55% TAEG 12,57% – importo totale del credito € 2841.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

*In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Pagamento rateale

Valore della rata: A PARTIRE DA 210 €/mese.

Esempio di finanziamento  

Importo finanziato: € 4500 in 24 rate da € 210,03 – TAN fisso 9,68% TAEG 11,97% – importo totale del credito € 5146,55.

Il costo totale del credito comprende: interessi calcolati al TAN indicato, oneri fiscali (imposta di bollo sul contratto 16,00 euro*) addebitati sulla prima rata, costo mensile di gestione pratica € 3,90, spesa di istruttoria € 0,00, spesa per invio rendicontazione periodica cartacea € 0,98 (o spesa per invio rendicontazione periodica cartacea € 0,00), imposta di bollo su rendicontazione periodica € 0,00. Modalità di rimborso obbligatoria: addebito diretto su c/c. La scadenza delle rate è determinata dal giorno della liquidazione del contratto; la data di scadenza delle rate è prevista il giorno 15 del mese. L’importo di ciascuna rata comprende una quota di capitale crescente e interessi decrescente secondo un piano di ammortamento “alla francese”. Offerta valida dal 01/01/2024 al 31/12/2024.

Messaggio pubblicitario con finalità promozionale. Per le informazioni precontrattuali richiedere sul punto vendita il documento “Informazioni europee di base sul credito ai consumatori” (SECCI) e copia del testo contrattuale. Salvo approvazione di Sella Personal Credit S.p.A. Aulab S.r.l. opera quale intermediario del credito NON in esclusiva.

* In fase di richiesta del finanziamento verrà proposta la facoltà di selezionare, in alternativa all’imposta di bollo sul contratto di 16,00 euro, l’imposta sostitutiva, pari allo 0,25% dell’importo finanziato.

Contattaci senza impegno per informazioni sul corso

Scopriamo insieme se i nostri corsi fanno per te. Compila il form e aspetta la chiamata di uno dei nostri consulenti.