Dragon Ball Website: Javascript Vari

Per Webmasters

Raccolta Javascript vari

Ecco una raccolta di script di facile uso che potete tranquillamente utilizzare per il vostro sito.

Considerate però, che dovete sempre agire con il codice html, quindi una minima esperienza nel campo ce la dovete pur avere. Fate attenzione, inoltre, a non modificare virgole o altri caratteri di uno script che sembrano inutili, in quanto una sola virgola in più o in meno può non far funzionare uno script. Se avete problemi scrivetemi.

Frequenly Asked Questions

Script per Status bar

Script per gestione finestre

Script messaggi e simili

> Script vari <

1° Script: selezione, Drag, clic destro vietato

Questo semplice script non permette di cliccare col tasto destro in una pagina, non permette di selezionare del testo e di fare Drag & Drop

> esempio <

Codice da inserire in una posizione qualsiasi, compreso nel tag <body>

oncontextmenu="return false" ondragstart="return false" onselectstart="return false"

Difficoltà: medio-facile
Voto: 7
Compatibilità: Internet Explorer 4 o Netscape 5

2° Script: illuminazione al passaggio del mouse

Questo script visualizza una domanda sullo schermo. Se il visitatore clicca su Ok, la pagina viene caricata, altrimenti, a vostra scelta, la finestra si chiude o costringe a tornare Indietro.

> esempio <

Codice da inserire subito prima del tag </head> ( una sola volta anche per più immagini ):

<SCRIPT> function alphaon(x) {document[x].filters.alpha.opacity +=50;} function alphaoff(x){ test=x provatimer=setInterval("prova(test)", 100)} function prova(x){ if(document[x].filters.alpha.opacity>50){ document[x].filters.alpha.opacity -= 10 } else{clearInterval(provatimer)} } </script> </script>

Ecco un tag image da personalizzare ed inserire dove si vuole compaia l'immagine:

Personalizzazione

1) sotituisci la scritta "PERCORSO IMMAGINE.xxx" con la locazione dell'immagine da visualizzare ( esempio: http://www.vegeth.it/cartella/immagine.jpg ) comprensiva di estenzione ( .jpg o .gif )

2) sostituisci le tre scritte "NOME IMMAGINE" con il nome che volete attribuire all'immagine. Attenzione: dovete usare un solo nome uguale per tutti i cambi.

3) se volete usare lo script con più immagini presenti nella stessa pagina, basta che inserite due tag Image e che date ad ogni immagine nomi diversi, altrimenti lo script non funzionerà correttamente. La presenza di un link sull'immagine non modifica la funzione dello script.

Difficoltà: medio-difficile
Voto: 7,5
Compatibilità: Internet Explorer 4 o Netscape 5

3° Script: redirect in base a risoluzione schermo

A seconda della risoluzione dello schermo del visitatore, lo si indirizza in una pagina adeguata. Serve per evitare che alcuni visitatori visualizzino in modo errato la pagina, così, si creano più pagine adeguate per ogni tipo di risoluzione indirizzando il visitatore in quella giusta.

> esempio <

Codice da inserire subito prima del tag </head>:

Personalizzazione

1) segui le istruzioni all'interno dello script adattando i links alle varie pagine di destinazione.

4° Script: testo che "balla"

Un testo personalizzato si muove a dismisura e senza controllo nella pagina

> esempio <

Codice da inserire subito dopo del tag </head>:

Personalizzazione

1) segui le istruzioni all'interno dello script ( in italiano )

Difficoltà: medio
Voto: 7
Compatibilità: Internet Explorer 5 o Netscape 5

5° Script: titolo pagina con effetto

Il titolo della pagina viene visualizzato con un effetto battitura

> esempio <

Codice da inserire subito dopo del tag </head>:

Personalizzazione

1) peronalizza dove richiesto e indicato, i messaggi da visualizzare ed i loro ordini.

Difficoltà: medio
Voto: 7,5
Compatibilità: Internet Explorer 5 o Netscape 5

6° Script: cambio sfondo su clic

Permette di cambiare lo sfondo delle pagina cliccando sull'immagine da sostituire. E' utile per fare scegliere all'utente l'immagine di sfondo che preferisce

> esempio <

Codice da inserire dove vuoi appaiano le varie immagini da scegliere

sfondo su clic</font></p> <style> /*Background previewer credit: Website Abstraction (www.wsabstract.com) More scripts here*/ .bgimages img {cursor:hand; border:2 solid gray} </style> <script language="JavaScript1.2">  </script> <div class="bgimages" onClick="tile()"><br> <img src="1.jpg" border=0 width=100 height=100 alt="Background 0"> <img src="2.jpg" width=100 height=100 alt="Background 2" border="0"> <img src="3.gif" width=100 height=100 alt="Background 3" border="0"> <img src="4.gif" width=100 height=100 alt="Background 4" border="0">

Personalizzazione

1) non devi far altro che personalizzare i codici sorgente delle immagini che gli utentipotrenno applicare nello sfondo

Difficoltà: medio
Voto: 7,5
Compatibilità: Internet Explorer 4 o Netscape 5

Indietro - Home - Torna su