|
SF |
ScaricaFacile.it vi propone una serie di script che potrete usare
liberamente nei vostri siti/blog |
SF |
|
In questa sezione vi proponiamo una
serie di script che possono arricchire le vostre pagine web. Molto
semplici da applicare in quanto, per la quasi totalità, basta un
copia/incolla con qualche modifica che non comporta difficoltà
particolari e che vi spiegheremo caso per caso. I webmaster più esperti
non ne avranno sicuramete bisogno ma crediamo di fare una cosa utile a
coloro che si cimentano con il primo sito o blog e che potranno,
semplicemente, avere dei risultati più che soddisfacenti. In caso di
dubbi o problemi, non esitate a contattarci. |
|
Impedire la selezione del contenuto di una pagina
- Codice per lo script -
<body onSelectStart="return
false;">
Impedire agli
utenti di selezionare il contenuto di una pagina è un semplice
sistema di sicurezza per proteggere testi ed immagini. Per
esperienza, però, sappiamo che potrebbe infastidire e quindi vi
suggeriamo di usarlo solo quando lo reputate indispensabile.
|
|
Refresh di una
pagina tramite un link
- Codice per lo script -
<a
href="javascript:location.reload()">
Clicca per aggiornare la pagina</a>
Il
risultato, cliccando sulla frase che vedete in bianco, sarà l'immediato
ricaricamento della pagina. Lo script andrà inserito nel punto della
vostra pagina dove volete che appaia il link di refresh.
Prova lo script:
Clicca per aggiornare la pagina |
|
Refresh di una
pagina dopo un tempo determinato
- Codice per lo script -
<SCRIPT language="JavaScript">
function doRefresh() {
document.location.reload();
}
(1000 = 1 secondo)
window.setTimeout("doRefresh();", ****);
</SCRIPT>
La porzione di
codice qui sopra riportata va all'interno dei tag
<HEAD>.
per la personalizzazione del tempo di refresh, dobbiamo impostare il
valore di Settimeout(). Il numero che inserirete esprime i
millisecondi e quindi per un secondo dovrete impostare 1000 (al
posto degli asterischi).
|
La funzione History.back
Emulare il tasto [indietro]
del browser tramite uno script java molto semplice
- Codice per lo
script -
<a
href="javascript:history.back();">Pagina indietro</a>
Se volete cambiare il testo con
un'immagine non dovrete fare altro che sostituire il testo con il
comando [<img src..] ed il risultato sarà
<a href="javascript:history.back();"><img
src="indietro.gif"></a>
La stessa funzione
può essere ottenuta con script alternativi che, per completezza, trovate
qui di seguito.
javascript:history.go(-1);
javascript:history.back(1);
javascript:history.go(back);
Per provare lo script, potete cliccare
sul link "Indietro" che trovate in fondo a questa pagina.
 |
|
Funzione per la stampa di una
pagina
- Codice per lo
script -
<script>
function printpage()
{
if (window.print)
{
window.print();
}
else
{
alert('Funzione non supportata dal browser.');
}
}
</script>
<a href="#" onClick="printpage(); return false">Stampa
questa pagina</a>
Se preferite il comando di stampa
con una immagine anziché con una frase, basterà che inseriate questa
porzione di codice al posto della frase scritta in bianco:
<img
src="stampa.gif"> dove
"stampa.gif" sarà sostituito dal file che sceglierete.
Prova lo script:
Stampa questa pagina
|
|
Segnala il sito ad un amico
- Codice per lo
script -
<SCRIPT LANGUAGE="JavaScript">
var initialsubj="Segnalazione di un sito"
var initialmsg="Ciao, ho trovato questo sito interessante. Ti consiglio
di visitarlo: "+window.location
var good;
function checkEmailAddress(field)
{
var goodEmail =
field.value.match(/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-]{2,})+\.)+([a-zA-Z0-9]{2,})+$/);
if (goodEmail)
{
good = true;
}
else
{
alert('Inserire un indirizzo mail valido.');
field.focus();
field.select();
good = false;
}
}
u = window.location;
function mailThisUrl()
{
good = false
checkEmailAddress(document.eMailer.email);
if (good)
{
window.location =
"mailto:"+document.eMailer.email.value+"?subject="+initialsubj+"&body="+initialmsg
}
}
</script>
<form name="eMailer">
<p align="center">Segnala ad un amico:</p>
<p align="center">
<input type="text" name="email" size="22" value="
Indirizzo e-mail"
onFocus="this.value=''" onMouseOver="window.status='Enter email address
here and tell a friend about this site...'; return true"
onMouseOut="window.status='';return true">
<br>
<input type="button" value="Invia e-mail"
onMouseOver="window.status='Click to send an email (with this page
address) to a friend! Enter email address above...'; return true"
onMouseOut="window.status='';return true" onClick="mailThisUrl();">
</p>
</form>
Prova lo script:
Tutte la parti dello script
scritte in bianco possono essere modificate per personalizzare il
risultato. Il risultato finale sarà l'immediata apertura della
vostra casella di posta con una mail già compilata per l'indirizzo,
l'oggetto e il testo che sarà completato automaticamente con l'url
della pagina che intendete segnalare. In caso di problemi non
esitate a contattarci per ulteriori spiegazioni che fossero
necessarie.

|
|
Aprire una finestra di
dimensioni stabilite
- Codice per lo
script -
<SCRIPT LANGUAGE="JavaScript">
function openWindow()
{
open ("index.htm","new","height=300,width=400,scrollbars=0,resizable=0,status=1,menubar=0,toolbar=0,location")
//settare i parametri a 1 per visualizzare le
barre
}
</SCRIPT>
<A HREF="JavaScript:openWindow()" onMouseOver="window.status='Click here
to visit... ';return true">Apri finestra</A>
Prova lo script:
Apri finestra
Anche in questo
script, le parti scritte in bianco possono essere modificate. Larghezza
e altezza della finestra e presenza delle barre di scorrimento. Al posto
di "index.htm" dovrete inserire l'indirizzo della pagina che dovrà
essre visualizzata.
|
|
Mostra una frase diversa per
ogni giorno della settimana
- Codice per lo
script -
<script language="JavaScript">
now = new Date()
if (now.getDay() == 5)
document.write("testo del venerdi")
if (now.getDay() == 6)
document.write("testo del sabato")
if (now.getDay() == 0)
document.write("testo della domenica")
if (now.getDay() == 1)
document.write("testo del lunedi")
if (now.getDay() == 2)
document.write("testo del martedi")
if (now.getDay() == 3)
document.write("testo del mercoledi")
if (now.getDay() == 4)
document.write("testo del giovedi")
</script>
Questo è il risultato:
In questo
script non c'è nulla da modificare se non il testo, colore e carattere
della scritta che si vuole far apparire ogni giorno (che abbiamo
evidenziato in bianco). Per quanto superfluo, vi ricordiamo che lo
script potrà, se lo vorrete, essere posizionato in una tabella o cella
come, del resto, tutti gli altri script che trovate qui.
|
|