JQuery

JQuery (11)

Mercoledì, 02 Settembre 2020 12:44

Creare una finestra popup

Scritto da

Le applicazioni web stanno diventando sempre più sofisticate e somiglianti alle interfacce grafiche dei software offline e standalone in linguaggi come Java e C#. Uno degli elementi più interessanti è sicuramente il popup, finestrella che si apre di solito sopra una pagina che rimane in background. Lo HTML/CSS non prevede questo tipo di oggetto ma con JavaScript o framework simili è possibile aggirare l'ostacolo. Vediamo come realizzarla in JQuery.

Ora che abbiamo visto un po' le cose interessanti e fondamentali di JQuery, proviamo a vedere qualche applicazione pratica. Ad esempio, realizziamo una calcolatrice, magari inizialmente un po' spartana, ma che sfrutta le cose viste nei precedenti post.

Lunedì, 26 Novembre 2018 18:24

Esempio 06 - Tendina a discesa

Scritto da

Un effetto che troviamo molto spesso nei siti web ultimamente sono le tendine a scomparsa. Passando col mouse su una barra dei menù, compaiono dei sottomenu da selezionare. Vediamo un esempio.

Lunedì, 26 Novembre 2018 17:42

Esempio 05 - Evento mouseenter

Scritto da

Un altro evento interessante da usare nei nostri siti web. Mouseenter è l'evento che scatta quando passiamo il mouse sopra un oggetto, che sia un tag, una porzione della pagina quindi piuttosto che una immagine come quella dell'esempio qui sotto. Il codice è come sempre allegato con uno zip

Lunedì, 26 Novembre 2018 17:22

Esempio 07 - Aggiungere elementi/tag html

Scritto da

L'ultimo argomento di interesse per questo minicorso sulle jquery: modificare dinamicamente le nostre pagine web con jquery aggiungendo frammenti di testo. Due esempi molto semplici con un paragrafo ed una lista. 

Martedì, 13 Novembre 2018 16:40

Esempio 04 - Eventi Focus e Blur

Scritto da

Un esempio un po' più complesso questa volta con gli eventi fratelli focus e blur che hanno senso ed uso con i campi delle form. Provate a cliccare dentro la casellina, questa cambierà di colore grazie alla funzione css che modifica il colore in grigetto o lo riporta a bianco se si clicca in altro punto dello schermo.

Martedì, 13 Novembre 2018 16:12

Esempio 02 - Ancora sui selettori

Scritto da

Riproponiamo lo stesso esempio in realtà ma questa volta con altri selettori. Diamo un'occhiata al codice.

Martedì, 13 Novembre 2018 16:06

Esempio 03 - Gli eventi

Scritto da

Prima di addentrarci nel nuovo esempio, diamo un'occhiata agli eventi supportati da JQuery e col quale cerchiamo di familiarizzare nelle nostre funzioni.

Lunedì, 12 Novembre 2018 11:55

Esempio 01 - Evento click

Scritto da

 Un esempio un po' più complesso: vogliamo far sparire dei frammenti di testo cliccandoci sopra con il mouse. Così, vediamo di introdurre la gestione degli eventi in JQuery. 

Giovedì, 08 Novembre 2018 10:19

Esempio 00 - Hello World

Scritto da

Il classico esempio Hello World. Poco interessante dal punto di vista della spettacolarità, ma ci permette di introdurre alcuni concetti fondamentali per utilizzare la libreria JQuery in modo agevole.