Categoria: jQuery

In questa lezione parleremo del metodo di jQuery ajax e di come gestire le chiamate asincrone. Realizzeremo un esempio utilizzando un’API per il meteo free a cui però bisogna richiedere un’api key. Troviamo su questo sito openweathermap l’API da utilizzare. Una volta ottenuta l’API key possiamo utilizzarla all’interno della nostra chiamata asincrona con AJAX. Ecco […]

Realizziamo un semplice esempio di chiamata AJAX utilizzando delle API libere. L’API free che andremo ad utilizzare è questa: https://apiv3.iucnredlist.org/api/v3/country/list?token=9bb4facb6d23f48efbf424bb05c0c1ef1cf6f468393bc745d42179ac4aca5fee Questa API può essere utilizzata senza chiedere nessuna apy-key, dunque si può copiare direttamente il link indicato sopra nel parametro url da inserire nel metodo $.ajax che andremo ad utilizzare. L’API restituisce dei dati in […]

In questa lezione utilizzeremo le tecnologie AJAX jQuery e JSON per realizzare una chiamata asincrona ad un file presente sul server. Dunque proveremo a leggere i dati da un file JSON. Inoltre, per chi volesse approfondire l’argomento inerente i file JSON, indico un semplice tutorial che ho creato: Introduzione a JSON. Allego anche il link […]

AJAX e jQuery sono tecnologie utili per implementare delle chiamate asincrone, in maniera piuttosto semplice. Abbiamo già parlato di AJAX in questa lezione: Introduzione ad AJAX e abbiamo visto come creare chiamate asincrone utilizzando JavaScript. Inoltre abbiamo fatto degli esempi su come leggere da un file presente su un server web, utilizzando l’oggetto xmlhttprequest. Il […]

In questo tutorial impareremo a creare un semplicissimo jQuery slider. Realizzeremo questo slider utilizzando i metodi che abbiamo studiato in precedenza, ma più avanti vedremo altri metodi con cui poter realizzare uno slider in jQuery. Quindi i metodi che ci serviranno per questo esempio sono: fadeIn(), fadeOut(), eq(), click(), addClass() e removeClass(). Esempio di utilizzo […]

jQuery eq() method è un metodo che serve ad individuare elementi specifici all’interno di un set di elementi. All’interno del metodo eq() si specifica infatti un indice che indica la posizione dell’elemento che vogliamo selezionare. La sintassi è dunque questa: $(selettore).eq(indice) dove indice rappresenta un numero intero. Quindi se, data una serie di voci di […]

jQuery fadeIn() method serve, non solo a mostrare un elemento, ma anche ad applicare un effetto dissolvenza. Questo metodo infatti è molto simile al metodo show(), così come il metodo fadeOut() è simile a hide(). La sintassi è dunque la seguente: $(selettore).fadeIn(velocità, modalità, funzione) $(selettore).fadeOut(velocità, modalità, funzione) Ricordiamo inoltre che i parametri indicati sono opzionali […]

In questa lezione studieremo il metodo jQuery hover(). Nella scorsa lezione abbiamo studiato i metodi mouseover(), mouseout(), mousemove(), mouseenter() e mouseleave(), cercando di capirne le differenze d’uso. Il metodo hover() specifica due funzioni da eseguire quando il mouse passa sopra l’elemento e quando si allontana. La prima funzione specifica cosa succede quando il puntatore del […]

Altri metodi utilizzati per gestire il movimento del mouse nella pagina che vi spiegherò sono mouseenter(), mousemove() e mouseleave(). Questi metodi hanno la stessa sintassi dei metodi precedenti, ma hanno scopi differenti. Esempio con utilizzo del metodi mouseenter(), mousemove() e mouseleave() Fate dunque la prova a passare sopra il testo inserito sotto, comparirà del testo […]

jQuery mouseover() method – In questa lezione studieremo il metodo mouseover() che si verifica quando, come suggerisce già il nome, passiamo su un elemento di una pagina web con il nostro mouse. Quindi potremmo ad esempio desiderare di mostrare una descrizione quando passiamo su un’immagine o su un titolo, ecc… La sintassi di questa funzione […]