Scripting

0
2673

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 Check Browser
A1 Cursore con testo a bandiera Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
A8 Cursore inseguito e scrutato da simpatici occhi. Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
A10 Pioggia di stelle lasciata dal mouse. Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
A12 Cursore immerso sott’acqua. Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome

  

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

  

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

  

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

  

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

  

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

  

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

  

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

 

J
(6) Multimedialità
Check Browser
J1 Riprodurre un suono da file audio con html 5 Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
J2 Riprodurre su una pagina web un brano audio: midi, wav, MP3 Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
J3 Riprodurre un file video con MMP di Windows Testato con doctype b_IE b_Firefox Chrome
J4 Musica casuale all’apertura della pagina Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
J5 Riprodurre un file video con QuickTime Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
J6 Riprodurre un filmato video usando un comodo player. Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome

  

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

  

L (2) Orologio ed orario Check Browser
L1 Orologio digitale 24 Ore Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
L4 Orologio analogico grafico. Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome

  

M
(7) Menù di navigazione
Check Browser
M1 Menù espandibile ad albero stile gestione risorse su un solo livello. Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
M2 Menù a barra di scorrimento laterale. Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
M3 Menù Switch, espandibile ad albero stile gestione risorse. Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
M9 Menù LinkDock, davvero originale. Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
M10 Menù orizzontale selezionabile a linguette Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
M11 Menù Briciole di Pane Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
M12 Menù stile dropline Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome

  

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

  

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

  

T
(6) Decorazioni e personalizzazioni
Check Browser
T1 Icona personalizzata all’interno della barra degli indirizzi (URL Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
T6 Gradient Background Fader Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
T7 Ingrandire o ridurre le dimensioni del font usato per il testo della pagina. Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome

  

U
(2) Cookies
Check Browser
U1 Un cookie che conta le visite interne. Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
U2 Un cookie per gestire gli eventi. Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
U3 Una finestra di avviso per il consenso di cookies tecnici. Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome

  

X
(4) Reindirizzamento
Check Browser
X1 Reindirizzamento automatico su altra pagina o URL Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
X2 Reindirizzamento aut/man a seconda della risoluzione video Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
X3 Reindirizzamento del tutto casuale su altra pagina web Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
X5 Reindirizzamento automatico in base al linguaggio del browser di navigazione Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome

  

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

  

Z
(2) Motore di ricerca interno
Check Browser
Z1 Motore di ricerca interno Testato con doctype b_IE b_Opera b_Firefox b_Safari Chrome
Z2 Motore di ricerca interno semiprofessionale Testato con doctype b_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 

CONDIVIDI
Articolo precedenteApplets
Prossimo articoloFAQ
La nostra redazione è costantemente impegnata nel ricercare fonti attendibili e produrre contenuti informativi, guide e suggerimenti utili gratuiti per i lettori di questo sito.

LASCIA UN COMMENTO

Please enter your comment!
Please enter your name here