Il sito per imparare gratuitamente a fare pagine Web

JavaScript
















Scripting Su questa sezione del sito trovate Scripts in DHTML, JavaScript, Css e VBScript. Alcuni servono semplicemente per migliorare l'aspetto estetico delle pagine Web, altri sono invece delle vere e proprie utilitÓ delle quali, a volte, non Ŕ proprio possibile farne a meno.

Il principiante (o chiunque riscontrasse problemi) dovrebbe leggere le note riportate a fondo pagina prima di cimentarsi con l'inserimento e l'uso di uno di questi script. Chi avesse problemi o difficoltÓ verifichi prima che lo script sia compatibile con il proprio browser di navigazione, la colonna di destra riporta i simboli dei vari browser per i quali lo script Ŕ stato testato e di conseguenza ne viene garantito il suo funzionamento.

In caso di dubbi o difficoltÓ Ŕ possibile chiedere chiarimenti sul forum gratuito di supporto dal quale Ŕ possibile ricevere aiuto citando la sigla che contraddistingue lo script al quale si fa riferimento. Queste sigle: A1, B3, K2, ecc. ecc. di colore arancio si trovano nella colonna di sinistra, di fianco al nome dello script riportato nell'elenco che segue:

 
Elenco degli Script applicabili alla vostra pagina web
e relativa categoria di appartenenza.
(circa 200 Script in 20 Categorie)

(12) A Effetti sul cursore del mouse (13) B Protezioni varie
(8) C Finestre: apertura chiusura (13) D Effetti sui links
(12) E Effetti sulle Immagini (17) F Animazioni a tutto schermo
(5) G Messaggi e frasi (15) H Date e calendari
(6) J Multimedialità (18) K Effetti sul testo
(5) L Orologio ed orario (12) M Men¨ di navigazione
(3) P Banners (4) R Scritte sulle barre del browser
(18) S Utilità Varie (7) T Decorazioni e personalizzazioni
(2) U Cookie (5) X Reindirizzamento
(8)   Y   Forms o Moduli (2)   Z   Motore di ricerca interno


Legenda Icone Browser: IE
 Internet Explorer
opera

 opera
Firefox

 firefox
Safari

 Safari
Chrome

 Chrome
Testato con doctype

Testato con doctype
Tutti nelle loro ultime versioni. Credo infatti che nessuno di voi, anche per ragioni di sicurezza, navighi col proprio browser fermo alla versione precedente rispetto a quella ultima uscita.



 
A (12) Effetti sul cursore del mouse CheckBrowser
A1 Cursore con testo a bandiera. Testato con doctypeIE Opera Firefox Safari Chrome
A2 Cursore inseguito da immagini colorate  IE Opera
A3 Cursore con 6 sfere appese da elastico  IE Opera
A4 Cursore con 10 sfere che danzano  IE Opera
A5 Cursore Natalizio Renne e slitta  IE Opera Firefox Chrome
A6 Cursore del mouse col vostro logo  IE Opera
A8 Cursore inseguito e scrutato da simpatici occhi. Testato con doctypeIE Opera Firefox Safari Chrome
A9 Una scia di disegni lasciati dal mouse  IE 
A10 Pioggia di stelle lasciata dal mouse. Testato con doctypeIE Opera Firefox Safari Chrome
A11 Cursore con croce tipo mirino.  IE Opera Firefox Safari Chrome
A12 Cursore immerso sott'acqua. Testato con doctypeIE Opera Firefox Safari Chrome

 

B (13) Protezioni su pagine, immagini e testiCheckBrowser
B1 No pagine singole su siti con frames. Testato con doctypeIE Opera Firefox Safari Chrome
B2 Protezione pagine con Password inesistente. Testato con doctypeIE Opera Firefox Safari Chrome
B3 Protezione pagine con password codificata. Testato con doctypeIE Opera Firefox Safari Chrome
B4 Protezione pagine con password multiple per diversi utenti. Testato con doctypeIE Opera Firefox Safari Chrome
B5 Blocco del tasto destro del mouse e relativo messaggio. Testato con doctypeIE Opera Firefox Safari Chrome
B6 Inibizione del tasto destro del mouse sulle immagini.  IE 
B7    
B8 Nascondere la propria e-mail dalle pagine web. Testato con doctypeIE Opera Firefox Safari Chrome
B9 Nascondere la propria e-mail dalle pagine web (2) Testato con doctypeIE Opera Firefox Safari Chrome
B10 Blocco di un qualsiasi tasto e relativo messaggio. Testato con doctypeIE Opera Firefox Safari Chrome
B11 Codifica Decodifica Testo. Testato con doctypeIE Opera Firefox Safari Chrome
B12    
B13 Generatore di codice criptato per proteggere sorgenti di pagine web. Testato con doctypeIE Opera Firefox Safari Chrome

 

C (8) Gestione finestre: apertura chiusura CheckBrowser
C1 Apertura chiusura e gestione di una nuova finestra. Testato con doctypeIE Opera Firefox Safari Chrome
C2 Una serie di "simpatiche" o fastidiose finestre a ripetizione. Testato con doctypeIE Opera Firefox Safari Chrome
C3 Apertura di una finestra (o la stessa pagina) a tutto schermo.  IE Firefox Safari
C4 Finestra che vibra simulando un effetto terremoto. IE Firefox Safari
C5 Reindirizzamento del tutto casuale su nuova finestra. Testato con doctypeIE Opera Firefox Safari Chrome
C6 Apertura di un link con effetto finestra espandibile zoom IE Opera Firefox Safari
C7 Apertura di un link con effetto finestra espandibile che si srotola IE Firefox Safari Chrome
C8 Generatore di finestra pop-up. Testato con doctypeIE Opera Firefox Safari Chrome

 

D (13) Effetti sui links CheckBrowser
D1 Links privi della sottolineatura. Testato con doctypeIE Opera Firefox Safari Chrome
D2 Links con cornice perimetrale colorata IE 
D3 Links Vibranti IE 
D4 Links con finestra descrittiva IE Opera Firefox Safari Chrome
D5 Link casuale a sorpresa IE Opera Firefox Safari Chrome
D6 Links Esplosivi IE Opera
D7 Links coloratissimi ed animati  IE Opera
D8 Links con frasi esplosive  IE Opera Firefox Safari Chrome
D9 Links con effetto arcobaleno. Testato con doctypeIE Opera Firefox Safari Chrome
D10 Scegliere dove aprire i links della pagina. Testato con doctypeIE Opera Firefox Safari Chrome
D11 Un piccolo bullet di lato ai links. Testato con doctypeIE Opera Firefox Safari Chrome
D12 Links che nevicano. IE Opera Firefox Safari Chrome
D13 Testo alternativo su links (ToolTip). Testato con doctypeIE Opera Firefox Safari Chrome

 

E (12) Effetti sulle Immagini CheckBrowser
E1 Espandere immagini al passaggio del mouse. Testato con doctypeIE Opera Firefox Safari Chrome
E2 Lightbox: ingrandire e sfogliare le immagini grafiche. Testato con doctypeIE Opera Firefox Safari Chrome
E3 Decidere la sequenza delle immagini sullo schermo. Testato con doctypeIE Opera Firefox Safari Chrome
E4 Filmato da YouTube a spasso per lo schermo.Testato con doctypeIE Opera Firefox Safari Chrome
E5 Slideshow con effetto Zoom e Rotazione tramite CSS3.Testato con doctypeIE Opera Firefox Safari Chrome
E6 Immagini linkabili con scorrimento orizzontale.Testato con doctypeIE Opera Firefox Safari Chrome
E7 Visualizzare Immagini al passaggio del mouse su miniature o da un clik su link testuale. Testato con doctypeIE Opera Firefox Safari Chrome
E8 Ingrandire immagini in miniatura su una nuova finestra del browser. Testato con doctypeIE Opera Firefox Safari Chrome
E9 SlideShow manuale: Avanti - Indietro - Reset con descrizioni foto. Testato con doctypeIE Opera Firefox Safari Chrome
E10 Immagine di sfondo che si adatta a qualsiasi risoluzione e dimensione video. Testato con doctypeIE Opera Firefox Safari Chrome
E11 Sfoglia Immagini Manuale con effetto sfoglia pagine di un libro. Testato con doctypeIE Opera Firefox Safari Chrome
E12 Sfoglia Immagini Automatico orizzontale o verticale. Immagini cliccabili con collegamento a links. Testato con doctypeIE Opera Firefox Safari Chrome

 

F (17) Animazioni a tutto schermo CheckBrowser
F1 Viaggio nello spazio. Testato con doctypeIE Opera Firefox Safari Chrome
F2 Sfondo scorrevole in movimento IE Firefox Safari Chrome
F3 Brindiamo per festeggiare un Evento IE Opera
F4 Caduta di oggetti: Neve, Banconote, Foglie ed altro.Testato con doctypeIE Opera Firefox Safari Chrome
F5 Nuvole ed altri oggetti sospinti dal vento  
F6 Convergere oggetti sul cursore del mouse IE Opera
F7 Fuoriuscita di oggetti dal cursore del mouse IE Opera Safari  Chrome
F8 Immagine a spasso per tutta la pagina.  
F9 Fiori che sbocciano sullo schermo IE Opera
F10 Scritte cliccabili che svolazzano a tutto schermo IE Firefox Safari Chrome
F11 Animare lo sfondo Background. IE Opera Firefox Safari Chrome
F12 Fiocchi di neve.Testato con doctypeIE Opera Firefox Safari Chrome
F13 Ancora fiocchi di neve senza immagini grafiche. IE Opera Firefox Safari Chrome
F14 Fiocchi di neve in 3d animati e colorati. IE Opera Firefox Safari Chrome
F15 Fuochi di Artificio.Testato con doctypeIE Opera Firefox Safari Chrome
F16 Apertura pagina orizzontale o verticale. IE Opera Firefox Safari Chrome
F17 Bollicine frizzanti su tutto lo schermo.Testato con doctypeIE Opera Firefox Safari Chrome

 

G (5) Messaggi e frasi CheckBrowser
G1 Una serie di fastidiosi messaggi a videoTestato con doctypeIE Opera Firefox Safari Chrome
G2 Messaggio di saluto all'ingresso e/o all'uscita dal sito.Testato con doctypeIE Opera Firefox Safari Chrome
G3 Una frase casuale all'apertura della pagina web Testato con doctypeIE Opera Firefox Safari Chrome
G4 Una frase, un messaggio che cambia a seconda dell'ora. Testato con doctypeIE Opera Firefox Safari Chrome
G5 Finestra con neve e messaggi cliccabili.Testato con doctypeIE

 

H (15) Date e calendariCheckBrowser
H1 Data di oggi: giorno mese anno Testato con doctypeIE Opera Firefox Safari Chrome
H2 Data di oggi sulla barra superiore del browser IE Opera
H3 Data di oggi con orario, sulla barra inferiore del browser IE Opera Safari
H4 Quanti giorni mancano ad una data prestabilitaTestato con doctypeIE Opera Firefox Safari Chrome
H5 Giorno della settimana di una data Testato con doctypeIE Opera Firefox Safari Chrome
H6 Un messaggio a seconda del giorno del mese Testato con doctypeIE Opera Firefox Safari Chrome
H7 Un evento a seconda del giorno dell'annoTestato con doctypeIE Opera Firefox Safari Chrome
H8 Calcolare il giorno ed il mese di Pasqua. Testato con doctypeIE Opera Firefox Safari Chrome
H9 Datario Semigrafico: Giorno Mese Anno.Testato con doctypeIE Opera Firefox Safari Chrome
H10 Datario Grafico: cambio immagine a seconda del mese.Testato con doctypeIE Opera Firefox Safari Chrome
H11 Datario testuale: Saluto, ore, giorno della settimana, mese, anno.Testato con doctypeIE Opera Firefox Safari Chrome
H12 Calendario perpetuo.Testato con doctypeIE Opera Firefox Safari Chrome
H13 Conto alla rovescia per una data o per un numero.Testato con doctypeIE Opera Firefox Safari Chrome
H14 Calendario Mensile.Testato con doctypeIE Opera Firefox Safari Chrome
H15 Contatempo: giorni ore e minuti a partire da una data prestabilita.Testato con doctypeIE Opera Firefox Safari Chrome

 
J
(6) Multimedialità
CheckBrowser
J1 Riprodurre un suono da file audio con html 5Testato con doctypeIE Opera Firefox Safari Chrome
J2 Riprodurre su una pagina web un brano audio: midi, wav, MP3Testato con doctypeIE Opera Firefox Safari Chrome
J3 Riprodurre un file video con MMP di WindowsTestato con doctypeIE Firefox Chrome
J4 Musica casuale all'apertura della paginaTestato con doctypeIE Opera Firefox Safari Chrome
J5 Riprodurre un file video con QuickTimeTestato con doctypeIE Opera Firefox Safari Chrome
J6 Riprodurre un filmato video usando un comodo player.Testato con doctypeIE Opera Firefox Safari Chrome

 

K
(18) Effetti sul testo
CheckBrowser
K1 Testo alternativo su links (ToolTip).Testato con doctypeIE Opera Firefox Safari Chrome
K2 Frasi che esplodono con effetto zoom IE Opera Firefox Safari Chrome
K3 Testo scorrevole come titoli del film (verticale)Testato con doctypeIE Opera Firefox Safari Chrome
K4 Testo scorrevole 2. (verticale e cliccabile)Testato con doctypeIE Opera Firefox Safari Chrome
K5 Scritta lampeggiante colori alterni.Testato con doctypeIE Opera Firefox Safari Chrome
K6 Scritta con effetto insegna luminosa al neonTestato con doctypeIE Opera Firefox Safari Chrome
K7 Testo vibrante o shakerato.  IE Opera Firefox Safari Chrome
K8 Testo che si compone vibrando.  IE Opera Firefox Safari Chrome
K9 Testo che si compone da destra o da sinistra.Testato con doctypeIE Opera Firefox Safari Chrome
K10 Frasi circolari sparate sullo schermo. IE
K11 Seleziona e Copia con un clik del mouse. IE
K12 Testo Titolo che ondeggia.Testato con doctypeIE Opera Firefox Safari Chrome
K13 Messaggio per pagina introduttiva. IE Opera Firefox Safari Chrome
K14 Messaggi animati, colorati e cliccabili. IE Opera Firefox Safari Chrome
K15 Testo lampeggiante (Tag blink)Testato con doctypeIE Firefox
K16 Scritta con penna che inzuppa nel calamaioTestato con doctypeIE Opera Firefox Safari Chrome
K17 Frasi AereeTestato con doctypeIE Opera Firefox Safari Chrome
K18 Frase cliccabile e coloratissima, stile arcobaleno.Testato con doctypeIE Opera Firefox Safari Chrome

 

L (5) Orologio ed orarioCheckBrowser
L1 Orologio digitale 24 OreTestato con doctypeIE Opera Firefox Safari Chrome
L2 Orologio analogico a fondo pagina. IE Opera Firefox Safari Chrome
L3 Orologio analogico con datario rotante (segue il mouse) IE Opera
L4 Orologio analogico grafico Testato con doctypeIE Opera Firefox Safari Chrome
L5 Orologio digitale sulla barra superiore del browser. IE Opera Firefox Safari

 

M
(12) Menù di navigazione
CheckBrowser
M1 Menù espandibile ad albero stile gestione risorse su un solo livello.Testato con doctypeIE Opera Firefox Safari Chrome
M2 Menù a barra di scorrimento laterale.Testato con doctypeIE Opera Firefox Safari Chrome
M3 Menù Switch, espandibile ad albero stile gestione risorse.Testato con doctypeIE Opera Firefox Safari Chrome
M4 Menù laterale a scomparsa  IE Opera Firefox Safari Chrome
M5    
M6 Menù orizzontale/verticale su più livelli IE Opera Firefox Safari Chrome
M7    
M8    
M9 Menù LinkDock, davvero originale. Testato con doctypeIE Opera Firefox Safari Chrome
M10 Menù orizzontale selezionabile a linguetteTestato con doctypeIE Opera Firefox Safari Chrome
M11 Men¨ che segue lo scorrimento della pagina.  IE Opera Firefox Safari Chrome
M12 Men¨ orizzontali e verticali fatti con l'uso dei CSS. IE Opera Firefox Safari Chrome

 

P
(3) Banners
CheckBrowser
P1 Banner cliccabili a rotazioneTestato con doctypeIE Opera Firefox Safari Chrome
P2 Logo statico cliccabile. Posizionabile in uno dei 4 angoli della pagina.Testato con doctypeIE Opera Firefox Safari Chrome
P3 Rotazione di immagini cliccabili Testato con doctypeIE Opera Firefox Safari Chrome

 

R
(4) Scritte sulle barre del browser
CheckBrowser
R1 Scritte fisse o scorrevoli sulla barra inferiore del browser (1) IE Opera Safari
R2 Scritte scorrevoli sulla barra inferiore del browser (2) IE Opera Safari
R3 Scritte scorrevoli sulla barra superiore del browser, quella del titolo. IE Opera Firefox Safari
R4 Scritta animata sulla barra inferiore del browser. IE Opera Safari

 

S
(18) Utilità Varie
CheckBrowser
S1 Preload delle immaginiTestato con doctypeIE Opera Firefox Safari Chrome
S2 Preload delle immagini con scritta attendere.Testato con doctypeIE Opera Firefox Safari Chrome
S3 Tempo di caricamento pagina.Testato con doctypeIE Opera Firefox Safari Chrome
S4    
S5    
S6 Stampare una pagina del sito o un suo frameTestato con doctypeIE Opera Firefox Safari Chrome
S7 Quiz o Test per accedere alla pagina successiva o URLTestato con doctypeIE Opera Firefox Safari Chrome
S8 Cerca testo all'interno della pagina Testato con doctypeIE Firefox
S10    
S11 Attendere!!! caricamento pagina in corsoTestato con doctypeIE Opera Firefox Safari Chrome
S12 Riconoscere il sistema operativo usato.Testato con doctypeIE Opera Firefox Safari Chrome
S13 Ritornare ad inizio pagina da qualunque posizione.Testato con doctypeIE
S14 Generatore di Password Casuali.Testato con doctypeIE Opera Firefox Safari Chrome
S15 Convertitore codice da HTML a JavaScript.Testato con doctypeIE Opera Firefox Safari Chrome
S16 Spostarsi su e gi¨ per la pagina con appositi tasti virtuali.Testato con doctypeIE Opera Firefox Safari Chrome
S17 Spostare l'intera finestra del browser nelle 4 direzioni. IE Firefox Safari
S18 Colori e relativo codice Esadecimale.Testato con doctypeIE Opera Firefox Safari Chrome

 

T
(7) Decorazioni e personalizzazioni
CheckBrowser
T1 Icona personalizzata all'interno della barra degli indirizzi (URLTestato con doctypeIE Opera Firefox Safari Chrome
T2 Aggiungere il sito all'elenco dei preferitiTestato con doctypeIE Firefox
T3 Impostare il sito come home page inizialeTestato con doctypeIE
T4 Cornice perimetrale colorataTestato con doctypeIE
T5 Barre di scorrimento colorateTestato con doctypeIE
T6 Gradient Background FaderTestato con doctypeIE Opera Firefox Safari Chrome
T7 Ingrandire o ridurre le dimensioni del font usato per il testo della pagina.Testato con doctypeIE Opera Firefox Safari Chrome

 

U
(2) Cookies
CheckBrowser
U1 Un cookie che conta le visite interne.Testato con doctypeIE Opera Firefox Safari Chrome
U2 Un cookie per gestire gli eventi.Testato con doctypeIE Opera Firefox Safari Chrome

 

X
(4) Reindirizzamento
CheckBrowser
X1 Reindirizzamento automatico su altra pagina o URLTestato con doctypeIE Opera Firefox Safari Chrome
X2 Reindirizzamento aut/man a seconda della risoluzione videoTestato con doctypeIE Opera Firefox Safari Chrome
X3 Reindirizzamento del tutto casuale su altra pagina webTestato con doctypeIE Opera Firefox Safari Chrome
X4    
X5 Reindirizzamento automatico in base al linguaggio del browser di navigazioneTestato con doctypeIE Opera Firefox Safari Chrome

 

Y
(8) Forms o Moduli
CheckBrowser
Y1 Segnala questo sito ad un amico Testato con doctypeIE Opera Firefox Chrome
Y2 Una pagina richiamata dalla spedizione di un formTestato con doctypeIE Opera Firefox Safari Chrome
Y3 Limita il numero di caratteri in una textarea di un modulo o formTestato con doctypeIE Opera Firefox Safari Chrome
Y4 Selezionare un url da un modulo form (combo)Testato con doctypeIE Opera Firefox Safari Chrome
Y5 Verifica che un campo contenga solo numeriTestato con doctypeIE Opera Firefox Safari Chrome
Y6 Un solo invio per il tasto di spedizione formTestato con doctypeIE Opera Firefox Safari Chrome
Y7 Verifica che tutti i campi siano stati introdottiTestato con doctypeIE Opera Firefox Safari Chrome
Y8 Box o finestrella di aiuto per la compilazione moduli.Testato con doctypeIE Opera Firefox Safari Chrome

 

Z
(2) Motore di ricerca interno
CheckBrowser
Z1 Motore di ricerca internoTestato con doctypeIE Opera Firefox Safari Chrome
Z2 Motore di ricerca interno semiprofessionale Testato con doctypeIE Opera Firefox Safari Chrome



 

Note:

Tutti gli script presenti su questa pagina funzionano su qualsiasi spazio web, compresi quelli gratuiti, perché non fanno alcun riferimento al tipo di server che li ospita (Linux o Windows). Vengono eseguiti dal browser che li visualizza. In caso di mancato funzionamento la causa è da ricercare sul tipo o nella versione del browser adoperato che in alcuni casi potrebbe risultare obsoleta. A questo proposito diventa determinante verificare anche la dichiarazione di <!DOCTYPE specificata ad inizio della vostra pagina web che dovrÓ ospitare lo script, alcuni potrebbero non funzionare con dichiarazioni troppo restrittive o pi¨ semplicemente diverse da questa:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

usata per tutti i vari esempi che hanno questo segno di check. Testato con doctype

Provando lo script nel proprio PC, mi riferisco a chi usa IE con Windows, Ŕ possibile ottenere un messaggio di allarme sulla protezione del tipo: "Per facilitare la protezione, Ŕ stato impedito a questa pagina web di eseguire script e/o controlli ActiveX che potrebbero accedere al computer". Tranquilli si tratta solo di windows, questo messaggio non sarÓ mostrato quando lo script funzionerÓ on line sul sito web in rete.

Su ogni script è riportato il simbolo grafico del browser col quale è stato testato, di norma dovrebbero funzionare anche con le versioni successive. Adopero il condizionale perché purtroppo non sempre è così, e le cause non dipendono da me. Da parte vostra cercate di mantenete sempre il vostro browser il più aggiornato possibile e questo per aumentare soppratutto il grado di sicurezza, visto poi che gli aggiornamenti sono gratuiti e facilmente reperibili in rete.
 

Per adoperarli non è richiesta alcuna conoscenza del linguaggio di programmazione con il quale sono stati creati, è sufficiente un minimo di base relativo alla conoscenza di HTML. I principianti potrebbero incontrare delle difficoltà, prima di cimentarvi in questa operazione vi consiglio di leggere queste raccomandazioni.

Gli script non sono tutti di mia creazione, magari :-) La maggior parte sono frutto della stessa rete, per questo motivo ci tengo a citarne sempre la fonte ed il relativo autore quando questo Ŕ conosciuto.

Non ho fatto uso di script protetti (a pagamento), per cui ritengo che tutti quanti siano liberamente adoperabili seguendo le note che li accompagnano.
Leggete all'interno degli stessi scripts queste note o commenti degli autori e come forma di ringraziamento, oltre che di rispetto, lasciate inalterate queste note, vi assicuro che non comprometteranno in alcun modo il corretto funzionamento dello script e così facendo eviterete notti insonni per rimorsi di coscienza ;-)

Attenzione!!! Per il corretto inserimento dei vari scripts è necessario un editor testuale, se il vostro non avesse questa possibilità perchè di solo tipo "visuale", vi consiglio di adoperare un normalissimo editor ASCII quale potrebbe essere il WordPad o il Blocco note a corredo dello stesso windows (cartella accessori). Ovviamente l'uso di questi editor sarebbe limitato alla sola operazione di inserimento script.

Torna ad inizio Pagina