Javascript



Javascript conversione del codice esadecimale nei componenti di rosso verde e blu

Oggi vorrei parlarvi della conversione di un colore in codice esadecimale a partire dai suoi componenti di RGB(cioè in quantità di rosso, verde e blu che compongono un colore visualizzabile sullo schermo). Abbiamo già analizzato l'interpretazione dei colori nel codice esadecimale (vedi articolo Imparare ad interpretare i colori in html) ma questa volta seguiremo passo per passo la creazione di una funzione che prende come parametro i valori di rosso, verde e blu e restituisce un codice esadecimale.

Read the whole post...

Javascript



Visualizzare un immagine alternativa nel caso di errore di caricamento di quella originale

Le immagini nel mondo del web acquisiscono un ruolo sempre più importante.
Alla nascita di internet, non vi erano siti che proponevano in maniera esponenziale delle immagini come strumento volto ad un miglioramento grafico. A quei tempi le classi del CSS erano troppo povere per poter essere utilizzate con efficacia.
Ora invece, grazie soprattutto ad un miglioramento generale della velocità di connessione, non ci sono più dei problemi relativi all'utilizzo delle immagini, e lo sviluppo della grafica web sta diventando sempre più semplice.

Qui ci occuperemo di quello che succede quando un collegamento conduce ad un un'immagine eliminata o spostata, insomma, non esistente al momento della richiesta da parte del browser.

Read the whole post...

Javascript



I metodi setTimeout e setInterval

Capita spesso in Javascript di dover ripetere una determinata azione più volte. É vero esistono i cicli come for e while, ma come fare nel caso in cui un azione dovrà essere ripetuta dopo un determinato intervallo di tempo o eseguita a cicli continui seguiti da un intervallo di tempo (ad esempio le animazioni) ? In Javascript non esiste il comando che fa attendere l'esecuzione del codice prima di passare all'istruzione successiva. Si può comunque ricorrere all'utilizzo dei metodi setTimeout e setInterval che qui vi spiegherò.

Read the whole post...

Javascript



Aprire delle finestre pop-up in Javascript

Per pop-up si intendono le finestre del browser che vengono aperte dai Javascript. Di solito vengono utilizzati per migliorare l'interattività del sito, ma ancora più spesso per portare dei banner pubblicitari. In questo articolo vedremo come si fa ad aprire queste finestre attraverso l'uso di Javascript.

Read the whole post...

Javascript

Colorazione dei collegamenti al passaggio del mouse

Lo script vi presenterò oggi è veramente originale. Finora non ho visto nessun sito presentare uno script come questo. Il fine di questo script è quello di migliorare l'aspetto grafico del sito: tutti i collegamenti che la pagina presenta, al passaggio del mouse, verranno colorati di un colore scelto casualmente. In parole semplici, se creiamo un collegamento con il solito tag a:

questo inizialmente avrà un colore proprio, ma quando ci si passa sopra con il mouse, il suo colore diventerà il colore casuale del momento e, a differenza dei semplici effetti a:hover di CSS, rimarrà così anche se il mouse si dovrà spostare dal collegamento, fino a quando non ci si passa di nuovo con il mouse: così cambierà il suo colore di nuovo.
L'effetto prodotto è una serie di collegamenti ognuno di un colore diverso o simile (visto che il colore che verrà assegnato al collegamento è generato in continuazione, a volte può capitare che si avranno 2 colori dei collegamenti uguali), ma il meglio è quando si hanno tanti collegamenti in serie: se proverete a passare velocemente il mouse in ordine, vedrete che assumeranno una colorazione a sfumatura.

Read the whole post...

Javascript




Cambio dello sfondo della pagina in base all'orario.

Questo script ha un effetto puramente decorativo: in base all'ora in cui viene caricata la pagina, alla stessa verrà assegnato uno sfondo diverso. Dal momento che molti blog stanno preparando delle skin invernali, si potrebbe fare un buon uso di questo script inserendolo in un periodo prossimo alle festività.

Read the whole post...

Javascript

Effetti per il titolo della pagina

Attraverso javascript è possibile aggiungere effetti che cambiano il titolo della pagina, ad esempio, ad un intervallo di tempo stabilito. Alcuni siti utilizzano questo sistema per abbellire il titolo con delle animazione fatti di soli caratteri.Qui posto uno script che ne è un esempio:

Read the whole post...

Javascript

Cambiare il titolo di una pagina web, forum o blog attraverso l'uso di Javascript

Il titolo di una pagina è quello visualizzato come titolo della finestra del browser. Solitamente è seguito dal nome del browser. Ad esempio nel mozilla firefox viene visualizzato: "titolo_pagina - Mozzilla Firefox" o in internet explorer: "titolo_pagina - Windows Internet Explorer". Non è possibile togliere in alcun modo la scritta riguardante il tipo di browser utilizzato (a men che non si intervenga sul browser stesso), ma si può tuttavia cambiare dinamicamente la frase che precede questa scrittura attraverso l'utilizzo di un semplice script che la sostituisca.

Read the whole post...