Il sito per imparare gratuitamente a fare pagine Web

JavaScript



Scripting Su questa sezione del sito trovate Scripts in DHTML, JavaScript, Css e php. 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 150 Script in 20 Categorie)

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


Legenda Icone Browser: b_IE
 Internet Explorer
b_Opera

 opera
b_Firefox

 firefox
b_Safari

 Safari
Chrome

 Chrome
php

funziona con tutti i browser
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 (4) Effetti sul cursore del mouse CheckBrowser
A1 Cursore con testo a bandieraTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
A8 Cursore inseguito e scrutato da simpatici occhi.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
A10 Pioggia di stelle lasciata dal mouse.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
A12 Cursore immerso sott'acqua.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome

 

B (10) Protezioni su pagine, immagini e testiCheckBrowser
B1 No pagine singole su siti con frames.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
B2 Protezione pagine con Password inesistente.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
B3 Protezione pagine con password codificata.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
B4 Protezione pagine con password multiple per diversi utenti.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
B5 Blocco del tasto destro del mouse e relativo messaggio.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
B8 Nascondere la propria e-mail dalle pagine web.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
B9 Nascondere la propria e-mail dalle pagine web (2)Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
B10 Blocco di un qualsiasi tasto e relativo messaggio.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
B11 Codifica Decodifica Testo.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
B13 Generatore di codice criptato per proteggere sorgenti di pagine web.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome

 

C (4) Gestione finestre: apertura chiusura CheckBrowser
C1 Apertura chiusura e gestione di una nuova finestra.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
C2 Una serie di "simpatiche" o fastidiose finestre a ripetizione.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
C5 Reindirizzamento del tutto casuale su nuova finestra.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
C8 Generatore di finestra pop-up.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome

 

D (5) Effetti sui links CheckBrowser
D1 Links privi della sottolineatura.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
D9 Links con effetto arcobaleno.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
D10 Scegliere dove aprire i links della pagina.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
D11 Un piccolo bullet di lato ai links.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
D13 Testo alternativo su links (ToolTip).Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome

 

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

 

F (6) Animazioni a tutto schermo CheckBrowser
F1 Viaggio nello spazio.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
F4 Caduta di oggetti: Neve, Banconote, Foglie ed altro.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
F12 Fiocchi di neve.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
F15 Fuochi di Artificio.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
F17 Bollicine frizzanti su tutto lo schermo.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
F18 Autunno: cadono le foglie.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome

 

G (4) Messaggi e frasi CheckBrowser
G1 Una serie di fastidiosi messaggi a videoTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
G2 Messaggio di saluto all'ingresso e/o all'uscita dal sito.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
G3 Una frase casuale all'apertura della pagina web Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
G4 Una frase, un messaggio che cambia a seconda dell'ora.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome

 

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

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

 

K
(12) Effetti sul testo
CheckBrowser
K1 Testo alternativo su links (ToolTip).Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
K3 Testo scorrevole come titoli del film (verticale)Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
K4 Testo scorrevole 2. (verticale e cliccabile)Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
K5 Scritta lampeggiante colori alterni.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
K6 Scritta con effetto insegna luminosa al neonTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
K9 Testo che si compone da destra o da sinistra.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
K12 Testo Titolo che ondeggia.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
K16 Scritta con penna che inzuppa nel calamaioTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
K17 Frasi AereeTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
K18 Frase cliccabile e coloratissima, stile arcobaleno.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
K19 Testo sullo schermo stile macchina da scrivere.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
K20 Testo scorrevole lateralmente stile marquee.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome

 

L (2) Orologio ed orarioCheckBrowser
L1 Orologio digitale 24 OreTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
L4 Orologio analogico grafico.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome

 

M
(7) Menù di navigazione
CheckBrowser
M1 Menù espandibile ad albero stile gestione risorse su un solo livello.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
M2 Menù a barra di scorrimento laterale.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
M3 Menù Switch, espandibile ad albero stile gestione risorse.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
M9 Menù LinkDock, davvero originale.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
M10 Menù orizzontale selezionabile a linguetteTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
M11 Menù Briciole di PaneTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
M12 Menù stile droplineTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome

 

P
(3) Banners
CheckBrowser
P1 Banner cliccabili a rotazioneTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
P2 Logo statico cliccabile. Posizionabile in uno dei 4 angoli della pagina.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
P3 Rotazione di immagini cliccabili.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome

 

S
(12) Utilità Varie
CheckBrowser
S1 Preload delle immaginiTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
S2 Preload delle immagini con scritta attendere.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
S3 Tempo di caricamento pagina.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
S6 Stampare una pagina del sito o un suo frameTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
S7 Quiz o Test per accedere alla pagina successiva o URLTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
S8 Cerca testo all'interno della pagina.Testato con doctypeb_IE b_Firefox
S11 Attendere!!! caricamento pagina in corsoTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
S12 Riconoscere il sistema operativo usato.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
S14 Generatore di Password Casuali.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
S15 Convertitore codice da HTML a JavaScript.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
S16 Spostarsi su e giù per la pagina con appositi tasti virtuali.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
S18 Colori e relativo codice Esadecimale.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome

 

T
(6) Decorazioni e personalizzazioni
CheckBrowser
T1 Icona personalizzata all'interno della barra degli indirizzi (URLTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
T6 Gradient Background FaderTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
T7 Ingrandire o ridurre le dimensioni del font usato per il testo della pagina.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome

 

U
(2) Cookies
CheckBrowser
U1 Un cookie che conta le visite interne.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
U2 Un cookie per gestire gli eventi.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome

 

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

 

Y
(9) Forms o Moduli
CheckBrowser
Y1 Segnala questo sito ad un amico Testato con doctypeb_IE b_Opera b_Firefox Chrome
Y2 Una pagina richiamata dalla spedizione di un formTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
Y3 Limita il numero di caratteri in una textarea di un modulo o formTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
Y4 Selezionare un url da un modulo form (combo)Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
Y5 Verifica che un campo contenga solo numeriTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
Y6 Un solo invio per il tasto di spedizione formTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
Y7 Verifica che tutti i campi siano stati introdottiTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
Y8 Box o finestrella di aiuto per la compilazione moduli.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
Y9 Accettazione termini prima dell'invio del modulo.Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
Y10 Segnala pagina o sito ad un amico Testato con doctypephp

 

Z
(2) Motore di ricerca interno
CheckBrowser
Z1 Motore di ricerca internoTestato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome
Z2 Motore di ricerca interno semiprofessionale Testato con doctypeb_IE b_Opera b_Firefox b_Safari Chrome



 

Note:

Quasi 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.
 

php: Alcuni script funzionano soltanto su spazio web di tipo php, in questo caso sarà possibile testarne il funzionamento soltanto dopo averli trasferiti in rete a meno che non abbiate un virtual server installato nel vostro PC. Si contraddistinguono dagli altri per la loro sigla: php.

Gli script non sono di mia creazione. 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




Torna su