JavaScript passo passo


Immaginando che questo pulsante conduca ad un altro documento, essendo ad esempio posizionato sull'home-page di un sito, si può renderlo interattivo semplicemente utilizzando il seguente codice:

<a href="rollov.htm" onmouseover="document.bottone.src='imm/entra2.gif'" onmouseout="document.bottone.src='imm/entra1.gif'">

<img border="0" name="bottone" src="imm/entra1.gif" width="115" height="71" >

</a>

Essendo questo un esempio, il collegamento punta alla pagina corrente. Alcune versioni dei browser più utilizzati non accettano i gestori di evento onMouseOut e onMouseOver direttamente sull'immagine, è quindi necessario specificarli nel tag del link.

Per modificare dinamicamente il messaggio sulla barra di stato, occorre aggiungere al gestore onMouseOver il codice:

window.status='entra!';return true;

Per permetterne la visualizzazione è necessario specificare l'istruzione return true.

Torna all'oggetto image | chiudi la finestra