In questo capitolo ci occuperemo delle Interazioni con l'utente del sito.

Mettiamo, ad esempio, di voler visualizzare un immagine in una determinata zona della pagina al click su una miniatura dell'immagine stessa.


Per far questo Dreamweaver ci offre dei java script, ossia dei codici, che consentono la modifica dinamica dei contenuti della pagina.

La prima cosa da fare è dare dei nomi ad ognuna delle immagini selezionandole e digitando il nome nel pannello proprietà posto in basso, all'interno del campo di testo che ha come intestazione ID.

Fatto questo selezioniamo la prima miniatura ed andiamo nel pannello Finestra di ispezione Tag clicchiamo su comportamenti e quindi su Scambia immagine.


Si apre una finestra dove, nella parte superiore, dobbiamo scegliere l'immagine che verrà sostituita e, nella parte sottostante, l'immagine che sostituirà quella visualizzata. Gli altri due check box consentono di determinare se le immagini verranno caricate prima del click sulla miniatura, e se l'immagine ritornerà quella originale una volta che il puntatore del mouse non sarà più sopra la miniatura ( onMosueOut ).


Ripetiamo questa procedura per tutte le miniature presenti, salviamo la pagina e visualizziamola nel browser. Vedremo così l'immagine principale cambiare al click sulle miniature.

COMMENTI