|
Come avrete sicuramente notato, il cursore del mouse di questa pagina non è certo il tipico
cursore del mouse che siamo abituati a vedere in una pagina Web.
La soluzione non è la
stessa che si è abituati a vedere sotto Windows, in cui il cursore (la tipica freccetta)
è sostituito da un'immagine, a volte animata, creata con appositi programmi.
Si tratta nel nostro caso di un "cursore" che non è altro che un'immagine (.jpg, .gif) che segue il
puntatore del mouse, il tutto gestito con JavaScript, creati da Zinasoft. Una parte
di questi script va posizionato sulla pagina in cui si vuole visualizzare il puntatore
animato, un'altro script è un file .js esterno che deve essere modificato nei punti e nei modi
che vedreno in seguito.
Questa parte di codice va posizionata tra i tag <head> </head>
della pagina su cui si vuole utilizzare il cursore animato:
<SCRIPT>
<!-- //gestione degli errori
function stopErrors() {
return true;
}//stopErrors
window.onerror = stopErrors;
-->
</SCRIPT>
<SCRIPT language=JavaScript>
<!--
function seleziona(){
document.scheda.curs.focus();
document.scheda.curs.select();
return false;
}//seleziona
//-->
</SCRIPT>
<SCRIPT language=JavaScript>
<!--
var immg = "";
var message="Zinasoft - tutto è libero";
function click(e) {
return true;
}//click
if (document.layers)
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=click;
// -->
</SCRIPT>
Queste 4 righe vanno invece posizionate subito dopo il tag <body> e contengono il
collegamento (per non appesantire la pagina) al file jscursore.js che gestisce il tutto.
<SCRIPT src="jscursore.js">
<!--
//-->
</SCRIPT>
File jscursore.js
Il file non può essere visualizzao perchè contiene istruzioni che il browser interpreterebbe
in modo scoretto. Potete scaricarlo cliccando qui o visualizzarlo
in formato .txt cliccando qui.
I punti in cui il file può essere modificato sono 2:
Il nome dell'immagine da utilizzare
var imgname = "south_park001.gif" (12^ riga)
la posizione dell'immagine rispetto al cursore del mouse
sd_o_st.left = x + m; (34^ riga)
sd_o_st.top = y + n; (35^ riga)
mettendo al posto di n ed m un numero interno.
Probabilmente avrete notato che quando ci si avvicina al bordo destro della pagina si crea
un effetto abbastanza sgradevole sulla barra di scorrimento orizzontale. E' possibile eliminarlo
modificando la quarta riga del file jscursore.js nel seguente modo:
codice originale: document.write("body {overflow:scroll;}");
nuovo codice: document.write("body {overflow:scroll; overflow-x:hidden;}");
I programmatori esperti avranno certo notato che in questo modo abbiamo impedito la visualizzazione
e quindi il funzionamento della barra di scorrimento orizzontale. Una soluzione non certo definitiva
se la pagina ne necessita per la sua correta visualizzazione.
Come cursore può essere utilizzata qualsiasi immagine di tipo .jpg o .gif, quest'ultime hanno
ovviamente il vantaggio di poter essere animate. Ecco comunque una piccola galleria di immagini
perfette per questo tipo di utilizzo:
| |
|
