JQuery

JQuery (10)

Ora che abbiamo visto un po' le cose interessanti e fondamentali di JQuery, proviamo a vedere qualche applicazioncina 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.

Sabato, 03 Novembre 2018 17:49

Introduzione alle JQuery

Scritto da

JQuery non è un nuovo linguaggio che si aggiunge alla lista di quelli gia visti. E' fondamentalmente una libreria che nasce con la presunzione di semplificare la vita del programmatore JavaScript nella selezione, manipolazione e gestione degli eventi e della animazione di oggetti del DOM nelle pagine HTML.

Joomla SEF URLs by Artio