Michele Basso
a- a+

Descrizioni sui link al passaggio del mouse

Con questo script DHTML comparirà una descrizione sotto al link su cui siamo passati sopra con il mouse. Lo script è compatibile con IE4 o superiori e con NS6.

Copiamo questo codice all'interno del tag body:

<script>

//Link Description script- © Dynamic Drive (www.dynamicdrive.com)
//For full source code and TOS, visit http://www.dynamicdrive.com

//change link descriptions to your own. Extend as needed
var linktext=new Array()
linktext[0]="Visit Dynamic Drive for some great DHTML scripts!"
linktext[1]="Website Abstraction, the JavaScript technology center"
linktext[2]="Direct link to hundreds of free java applets online"
linktext[3]="Research information, get homework help, chat with educators"
linktext[4]="The virtual encyclopedia"
linktext[5]="Your online dictionary"

var ns6=document.getElementById&&!document.all
var ie=document.all

function show_(thetext, whichdiv){
if (ie) eval("document.all." +whichdiv).innerHTML=linktext[thetext]
else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
}

function reset(whichdiv){
if (ie) eval("document.all." +whichdiv).innerHTML=' '
else if (ns6) document.getElementById(whichdiv).innerHTML=' '
}

</script>

<!-- show_text(index# of linktext[] to show, ID of div to write to) -->

<p>
<a href="http://www.dynamicdrive.com" onMouseover="show_text(0,'div1')" onMouseout="reset('div1')">Dynamic Drive</a> | 
<a href="http://www.wsabstract.com" onMouseover="show_text(1,'div1')" onMouseout="reset('div1')">Website Abstraction</a> | 
<a href="http://www.freewarejava.com" onMouseover="show_text(2,'div1')" onMouseout="reset('div1')">Freewarejava</a> 
<br>
<span id="div1"> </span>

<p>
<a href="http://encarta.msn.com/" onMouseover="show_text(3,'div2')" onMouseout="reset('div2')">Encarta</a> | 
<a href="http://britannica.com/" onMouseover="show_text(4,'div2')" onMouseout="reset('div2')">Britannica</a> | 
<a href="http://www.dictionary.com" onMouseover="show_text(5,'div2')" onMouseout="reset('div2')">Dictionary.com</a> 
<br>
<i><span id="div2"> </span></i>

Vediamo cosa dobbiamo modificare per cambiare le descrizioni dei link.

Fondamentalmente le porzioni di codice da modificare sono due.

La prima è la seguente, ed include la descrizione:

linktext[0]="Visit Dynamic Drive for some great DHTML scripts!"

La seconda porzione di codice corrisponde al link vero e proprio, ed è associata al codice precedentemente modificato:

<a href="http://www.dynamicdrive.com" onMouseover="show_text(0,'div1')" onMouseout="reset('div1')">Dynamic Drive</a>

Per problemi relativi all'utilizzo dello script potete consultare il nostro forum.



Ti potrebbe interessare anche

commenta la notizia

C'è 1 commento
Lorenzo
Hai qualche domanda da fare?