Comportamenti / Behaviours in dreamweaver

come usare il pannello dei comportamenti (behaviours) in DW


comportamenti-1.jpg

i comportamenti sono il nome che Dreamweaver dà all'unione di html, javascript e eventi. Gli eventi sono azioni dell'utente o del cllient intercettabili (è possibile cioè sapere quando accadono) legati ad un blocco html (cioè dove accadono)
Tipici eventi sono
  • OnMouseOver
  • OnClick
  • OnDblClick
  • OnMouseOut

che intercettano rispettivamente il passaggio sul blocco del mouse, il click dell'utente, il doppio click, l'uscita del mouse dal blocco

esempio per chi volesse scrivere il codice a mano

questa porzione di codice genera un blocco che, se riceve un doppio click, manda un messaggio di sistema (chiama la funzione javascript alert)
<div OnDblClick="alert('hai cliccato')">
prova a fare un doppio click
</div>



esempio: fare un rollover javascript ovvero un'immagine viene sostituita passandoci sopra con il mouse

(questo si ottiene più comunemente con la pseudoclasse :hover con i CSS e con gli sprite ovvero l'immagine che contiene tutti gli stati la differenza è che in questo caso -javascript- l'immagine è nella pagina e non uno sfondo)

1) introduco l'immagine con il tag img mettendo un id (da codice o da elaboraquick tag editor o elaboramodifica tag)

2) seleziono l'immagine e aggiungo il comportamento (pannello behaviours /comportamenti)