Applicare un template EJS alla nostra app Node.js

javascript

Quando creiamo una applicazione con Node.js, è spesso necessario trovare un veloce metodo per fornirle un template di interfaccia in grado di far visualizzare all’utente determinate informazioni. In questo articolo vediamo come sfruttare la potenzialità di EJS all’interno della nostra applicazione Node.js. Creeremo quindi un semplice script che restituirà alcuni dati all’interno di un template EJS. La […]

Javascript: Esempio d’uso di Event Delegation

javascript

L’uso degli Event Delegation in Javascript, consente di aggiungere particolari listeners a nodi di elementi HTML. In tal modo il listener è legato a tutti i suoi figli e non ad uno in particolare. Per comprendere l’uso degli Event Dialogation procediamo direttamente fornendo degli esempi d’uso: Prendiamo come primo esempio una unordered list <ul id=”list”> […]

Pagina web con video in background

javascript

Nel precedente articolo abbiamo mostrato come inserire un video in una pagina web, sfruttando HTML5. In questa “puntata”, vedremo invece come far diventare il nostro video, lo sfondo della pagina. Al posto di una qualsiasi immagine o colore, useremo quindi il nostro video. Faremo uso di jQuery, e degli eventi: loadedmetadata: una volta caricati tutti […]

Formattare il testo in modo creativo con Lettering.js

javascript

Lettering.js è una libreria javascript basata su jQuery, che consente di controllare sino ad ogni singola lettera di una parola, in modo da creare bellissimi effetti su titoli, messaggi e quant’altro debba essere messo in evidenza all’interno della nostra pagina web. Qui di seguito alcuni esempi di styling dei font con questa libreria:   Scarica […]

Inserire video a larghezza fluida con FitVid.js

javascript

Spesso capita di dove inserire nelle nostre pagine web, dei video tratti ad esempio da youtube.Vogliamo inoltre che la loro dimensione sia sempre la massima disponibile. Ecco quindi venirci incontro questo plugin (FitVid.js), risolvendo tale problematica. Vediamo il suo utilizzo: Creiamo la nostra pagina html ed all’interno del tag body creiamo un div con classe […]

Catturare la chiusura di pop-up

javascript

In questo articolo viene mostrato come sapere se un pop-up è stato chiuso mediante codice javascript. Nell’esempio mostrato viene aperto un pop-up a GOOGLE e dopodichè, mostrato un messaggio di alert quando questo viene chiuso. Codice: var win = window.open(“http://www.google.it”,”,’height=500,width=500′); var winTimer = window.setInterval(function() { if (win.closed !== false) { // !== is required for […]

jQuery: Stampare una porzione di pagina HTML

javascript

In questo articolo vedremo come consentire all’utente di stampare solo una porzione del contenuto di una pagina web. Questo consente di evitare la stampa del solo contenuto, ad esempio il testo, evitando di stampare immagini o parti del tema non utili. Faremo uso del plugin jQuery Print Area. Come prima cosa definiamo un tag, ad esempio […]

Alcuni snippets jQuery per i form

javascript

Qui di seguito sono riportati alcuni snippets jQuery utili alla soluzione di alcune comuni situazioni, che si presentano durante la scrittura di un form HTML. Si fa uso della libreria jQuery, includendola all’interno della pagina HTML mediante il tag <script>.

jQuery restringere gli input possibili in un form

javascript

In questo articolo vediamo come restringere il campo di possibili input in un elemento di un form, mediante l’uso di jQuery. Si da per scontato l’inclusione della libreria all’interno della pagina mediante il tag <script>. Caso 1: E’ consentito l’immissione di soli numeri all’interno di un input text. Esempio l’inserimento di un numero telefonico:   […]

Creare finestre modali con plugin jQuery

javascript

In questo articolo presento Simplemodal, un plugin che permette di creare finestre modali in grado di dialogare con l’utente. Può lavorare in modalità asincrona e recuperare il contenuto di pagine esterne o di ottenere il contenuto inline. Le modalità di utilizzo del plugin sono: alert semplici; finestre modali con chiamate asincrone; lightbox. A questo indirizzo […]