Fabio Donatantonio

Resta connesso

Software Developer / Adjunct Professor

Semplici ma efficaci plugin jQuery creati passo-passo.

tScroll (tabella con scroll) – Plugin jQuery

In questo articolo realizzeremo un plugin jQuery che ci permetta di implementare una tabella HTML con scrollbar incorporata.
In altre parole la nostra tabella avrà fissa l’intestazione (thead) e il fondo (tfoot) mentre la parte centrale (tbody) sarà scrollabile in un box con altezza da noi definita.

Iniziamo subito lo sviluppo del plugin, che chiameremo “tScroll“, determinando l’unico parametro da passare alla funzione:

h_box: altezza scroll della tabella

Una volta terminato il lavoro vorremmo poter invocare su una tabella con id=myTable il plugin con questa sintassi:

$('#myTable').tScroll({ h_box: '300px' });

Ottenendo ad esempio il seguente risultato:

Introduciamo il codice del plugin che...

Finestra news con effetto fade (news ticker) – v 2.0 news da file esterno

In questo articolo vedremo una variante del News Ticker javascript descritto qui.
Molti utenti negli ultimi mesi mi hanno chiesto se era possibile reperire le news da un file esterno presente sul server (magari un semplice file txt) invece che scriverle direttamente nell’html della pagina principale, in modo tale da rendere più facili e veloci le successive modifiche/aggiornamenti dell’elenco news.
Nella precedente versione, ricordo che le news andavano definite ciascuna all’interno di un tag <p> e a loro volta inscatolate all’interno di un <div>; ciò che faremo è leggere le news da un file esterno e quindi generare “a volo”...

toolTitle (simple toolTip) – Plugin jQuery

In questo articolo realizzeremo un pulgin jQuery che ci permetta di implementare un semplice toolTip da associare ad un qualsiasi elemento html che compone la pagina.
In altre parole, far comparire un suggerimento/aiuto al passaggio del mouse su un elemento che compone la pagina sfruttando l’attributo title dell’HTML ed appunto il framework jQuery.

Utilizzeremo innanzitutto tre gestori di eventi: mouseover(quando il puntatore del mouse entra sull’elemento), mousemove(quando il puntatore si muove sull’elemento) e mouseout(quando il puntatore esce dall’elemento).

Come si potrà immaginare vorremmo che all’ingresso sull’elemento (mouseover) venga mostrato a video un box contenete il testo presente all’interno dell’attributo title; il box...

tZebra (tabella zebrata) – Plugin jQuery

In questo articolo realizzeremo un plugin jQuery che ci permetta di implementare una tabella HTML con le righe di due colori alternati.
In altre parole la nostra tabella avrà tutte le righe pari (2,4,6 ecc..) di un colore e quelle dispari (1,3,5 ecc..) di un altro colore.
Personalizzeremo, inoltre, il plugin con ulteriori caratteristiche. Ad esempio al passaggio del mouse su una riga, questa si animerà cambiando di colore e font.

Iniziamo subito lo sviluppo del plugin, che chiameremo “tzebra“, determinando quali saranno i parametri da passare alla funzione:

Colore per righe dispari Colore per righe pari Colore per animazione riga

Una volta terminato il...

Didattica

Università degli Studi eCampus
Data Evento
30/03/2017
11:30
Esame Archivistica Digitale e Informatica per le Scienze Umane - Lettere - Novedrate(CO)
31/03/2017
11:30
Esame Archivistica Digitale e Informatica per le Scienze Umane - Lettere - Roma
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

JWhisper, sviluppato presso il Dipartimento di Informatica Applicata dell'Università degli Studi di Salerno:

Stay Connected

Twitter

Le mie foto

Foto di Fabio Donatantonio
×