Finestra news con effetto fade (news ticker) – v 2.0 news da file esterno
- Ottobre 23, 2012
- by
- Donatantonio
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...
Html: altri campi di input
- Aprile 03, 2012
- by
- Donatantonio
Oltre che inviare dati in forma testuale, in base a scelte o stringhe digitate, spesso sorge l’esigenza di inviare dei file al server.
Immaginiamo ad esempio a quei siti che ci permettono di caricare le nostre foto preferite per farle visualizzare ai nostri amici, fornendo solitamente un modulo nel quale ci viene chiesto...
Html: checkbox e radio button
- Aprile 03, 2012
- by
- Donatantonio
In alternativa alle select multiple, è possibile utilizzare le checkbox per effettuare scelte multiple.
Una checkbox è da intendersi come un elenco di scelte ognuna contraddistinta da un box, ogni box spuntato equivale alla scelta della voce associata. In altre parole ogni casella di controllo (box) se spuntata indica si altrimenti no.
La...
Html: le select
- Aprile 03, 2012
- by
- Donatantonio
Spesso sarà capitato di compilare dei moduli html e trovarsi d’innanzi una serie di possibili scelte da un menu a tendina.
Per realizzare un menu di scelta è necessario il tag <select> che conterrà a sua volta ogni singola voce che compone il menu <option>. La sintassi quindi è la seguente:
Html: ulteriori campi di testo
- Aprile 03, 2012
- by
- Donatantonio
Oltre ai classici campi di testo visti negli articoli precedenti, è possibile instanziare un campo che sostituisca ad ogni carattere un asterisco (*) o altro simbolo grafico, in modo tale da rendere non leggibile il testo immesso.
Solitamente tali campi sono utilizzati per inserire password o parole chiave, soprattutto in presenza di moduli di...
toolTitle (simple toolTip) – Plugin jQuery
- Marzo 31, 2012
- by
- Donatantonio
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...
Number_format Javascript
- Febbraio 25, 2012
- by
- Donatantonio
Chi conosce e sviluppa quotidianamente in linguaggio PHP conoscerà di sicuro la funzione number_format che permette, appunto, di formattare un valore numerico impostando il numero di decimali da visualizzare e i caratteri di separazione per le migliaia e per la parte decimale.
Putroppo, come spesso capita, in linguaggio Javascript non esiste una funzione simile pronta...
Testo animato: macchina da scrivere
- Dicembre 17, 2011
- by
- Donatantonio
In questo articolo vedremo un simpatico e semplice script che permette di animare un testo facendolo comparire come se questo venisse digitato tramite una macchina da scrivere.
In altre parole realizzeremo una funzione Javascript che acquisito in input un testo, lo scriverà, un carattere per volta, all’interno di un contenitore: div, textarea o altro.
In...
Str_replace Javascript
- Dicembre 15, 2011
- by
- Donatantonio
Coloro che sviluppano quotidianamente in Javascript si saranno imbattuti almeno una volta in un problema piuttosto semplice da risolvere con linguaggi di programmazione come Java, PHP, C ecc.. ma non così immediato in Javascript: sostituire tutte le occorrenze di una stringa all’interno di un’altra stringa.
In Javascript non esiste una funzione pronta che effettui questo...
Maxlength textarea
- Luglio 21, 2011
- by
- Donatantonio
In questo articolo risolveremo la problematica del maxlength di una textarea html utilizzando poche semplici righe di codice Javascript.
Come tutti sapranno, l’attributo maxlength è accettato esclusivamente dai campi di tipo testo e non dalle aree di testo.
Realizzeremo una funzione che chiameremo appunto maxlength che accetta in input 2 parametri obbligatori ed un terzo...