JQuery, il metodo .html()
- Maggio 09, 2011
- by
- Donatantonio
Il metodo .html() del framework jQuery permette di immettere in maniera dinamica codice html in un elemento esistente della pagina, inoltre il metodo è utilizzabile anche per leggere e prelevare il contenuto html di un elemento.
La duplice funzione che svolge ne fa un ottimo alleato in tutti quei casi in cui lo sviluppatore ha necessità di modificare “a volo” la pagina web, in relazione ad esempio ad un azione dell’utente o ad una chiamata Ajax.
In questo articolo analizzeremo l’utilizzo del metodo html() nei seguenti casi:
prelevare il contenuto di un elemento della pagina; sovrascrivere il contenuto di un...JQuery, il metodo .val()
- Maggio 05, 2011
- by
- Donatantonio
Il metodo val() è indubbiamente uno degli strumenti più utili ed efficienti che il framework jQuery mette a disposizione di tutti gli sviluppatori web.
Quante volte ci siam trovati dinnanzi all’esigenza di controllare i campi di un form html, con la necessità di dover accedere al contenuto di campi di testo, select, radio button, checkbox,...
Ricerca in tabella html
- Ottobre 27, 2010
- by
- Donatantonio
In un articolo precedente abbiamo analizzato uno script Javascript che ci permetteva di inserire righe in maniera dinamica in una tabella html preesistente.
In questo nuovo articolo realizzeremo alcune funzioni che ci aiuteranno a ricercare un valore o una stringa all’interno di una tabella.
Utilizzando il DOM, accederemo alle singole celle che compongono la tabella...
News a scorrimento (news ticker)
- Ottobre 26, 2010
- by
- Donatantonio
Dopo aver visto una finestra con news a comparsa, implementeremo ora una barra orizzontale contenente news scorrevoli da destra verso sinistra (un cosiddetto news ticker) .
In questo caso è preferibile che il testo di ogni news sia composto esclusivamente dal titolo, il quale rimandi poi, tramite link, al testo completo.
In fondo all’articolo è...
Finestra news con effetto fade (news ticker)
- Ottobre 26, 2010
- by
- Donatantonio
In questo articolo creeremo, partendo da zero, una finestra contenente un elenco di news che in sequenza appariranno a video con un effetto a dissolvenza(fade).
Utilizzeremo jQuery esclusivamente per gestire le animazioni e grazie a Javascript realizzeremo le funzioni necessarie per implementare la nostra finestra delle news. Per completare l’opera e dare al box la...
Div al centro che segue lo scrolling
- Ottobre 13, 2010
- by
- Donatantonio
In un articolo di un pò di tempo fa, si è visto come centrare con CSS/Javascript un div al centro della pagina.
L’obiettivo di questo nuovo articolo è far si che il div venga visualizzato sempre al centro della finestra, anche qualora l’utente fa lo scrolling della pagina.
Il div in questione seguirà l’utente, restando...
Aggiungere righe a tabella in maniera dinamica
- Ottobre 07, 2010
- by
- Donatantonio
In questo articolo vedremo un esempio di applicazione DHTML(Dynamic HTML). Utilizzando Javascript per accedere al DOM, realizzeremo una tabella inizialmente vuota che, tramite un’apposita funzione richiamata da un bottone, verrà riempita riga per riga dall’utente.
L’applicazione si compone essenzialmente di una sola funzione; la quale genererà una nuova riga con un numero di celle pari...
Presentazione di diapositive con JQuery
- Settembre 22, 2010
- by
- Donatantonio
In un articolo precedente si è visto come realizzare una semplice presentazione di immagini con poche istruzione Javascript, utilizzando i cicli di temporizzazione per sostituire di volta in volta le immagini.
Lo script che analizzeremo consiste in un miglioramento grafico di quello precedente. Infatti verrà utilizzato un effetto sfumatura per sostituire un’immagine con la successiva.
Presentazione di diapositive temporizzata
- Settembre 16, 2010
- by
- Donatantonio
Tramite lo script che andremo ad analizzare verrà implementata una presentazione di immagini.
Le immagini verranno presentate in sequenza e saranno resi disponibili due bottoni, uno per avviare la presentazione e l’altro per fermarla.
Innanzitutto vediamo il codice javascript:
Costruire un orologio con cicli di temporizzazione
- Settembre 16, 2010
- by
- Donatantonio
La precisa temporizzazione degli eventi sulle pagine web le trasforma da documenti statici a vere applicazioni multimediali.
Un esempio classico e allo stesso tempo esaustivo è la realizzazione di un orologio javascript che utilizzi dei cicli di temporizzazione.
L’istruzione necessaria a temporizzare una funzione è:
var timeout = setTimeout('funzione();',1000);Mentre per interrompere un ciclo di temporizzazioni la funzione...
Didattica
| Data | Evento |
|---|---|
| 09/02/2021 14:30 |
Esame Archivistica Digitale e Informatica per le Scienze Umane - Cds Letteratura, Lingua e Cultura Italiana - Lettere |
| 09/02/2021 14:30 |
Esame Introduzione all'Archivistica Digitale e all'Informatica per le Scienze Umane - Cds Letteratura, Arte, Musica e Spettacolo - Lettere |
| 09/02/2021 17:30 |
Esame Abilità Informatiche e Telematiche - Cds Design e Discipline della Moda - Lettere |
| 09/02/2021 17:30 |
Esame Abilità Informatiche e Telematiche - Cds Letteratura, Arte, Musica e Spettacolo - Lettere |
| Risorse |
|---|
| Guida HTML/CSS per principianti (link) |
| Introduzione agli ipertesti (link) |
| Esercizi guidati in Java (link) |
| Intelligenza artificiale (link) |
| Libri | |
|---|---|
| Fondamenti di Informatica (2011) (link) | |
| Informatica per le Scienze Umane (2011) (link) | |
| Fondamenti di Informatica (2014) (link) | |
| Pagina Docente |
|---|
| uniecampus.it - Scheda Docente (link) |
| Contatti |
|---|
| fabio.donatantonio[at]uniecampus.it |
Pubblicazioni
Le mie foto
