I comportamenti

In Dreamweaver è possibile gestire molto facilmente gli eventi interattivi che intendiamo inserire nelle nostre pagine. Grazie alla finestra 'comportamenti', raggiungibile o dal menù 'finestra' o dalla quarta icona in basso a destra (la ruota dentata gialla) potremo arricchire (non esagerando) le nostre pagine con effetti javascript...

Per determinare un comportamento bisogna prima definire l'elemento e l'azione riferita ad esso, a cui lo vogliamo associare. Quello che segue è un semplice esempio che ci consentirà di imparare ad utilizzare al meglio questo strumento. Vedremo come creare un link che apre una finestra di dimensioni predefinite. Ovviamente gli stessi principi potranno essere applicati alla grande varietà di possibilità che il programma ci fornisce.

ESEMPIO: CREARE UN LINK CHE CI APRE UNA FINESTRA DI DIMENSIONI DEFINITE
Per prima cosa digitiamo un testo e assegniamogli come collegamento ipertestuale un segno convenzionale, preferibilmente '#'. Successivamente facciamo comparire la finestra 'comportamenti' che ci apparirà così:

Ora selezioniamo il link appena creato e clicchiamo sul tasto '+' (+ per aggiungere - per eliminare un'azione), il primo della finestra. Si aprirà un menù dal quale potremo scegliere la categoria dell'azione che vogliamo far scaturire. Vedremo inoltre che è possibile mostrare i vai eventi in base alla compatibilità con le varie versioni dei browser di navigazione, attraverso la voce 'mostra eventi per'. Noi sceglieremo la prima voce, cioè 'apri finestra browser'. Si aprirà la seguente finestra, dalla quale modificheremo i vari campi secondo le nostre esigenze.

URL DA VISUALIZZARE - In questo campo inseriamo l'url della pagina che deve essere visualizzata nella finestra. Volendo potremo determinare un file dal nostro disco fisso mediante il tasto 'sfoglia'.

LARGHEZZA FINESTRA - Da qui potremo definire la larghezza, in pixel, della finestra.

ALTEZZA FINESTRA - Da qui, invece, potremo definire quanti pixel dovrà essere alta la finestra.

ATTRIBUTI - I campi 'attributo' ci permettono di definire ulteriori caratteristiche della finestra. Avremo la possibilità di decidere se dovranno comparire o meno: barra degli strumenti di navigazione, barra dei menù, barra degli strumenti di posizione, barre di scorrimento, barra di stato, maniglie di ridimensionamento.

NOME FINESTRA - Il campo 'nome' ci consente di assegnare un nome univoco che identifichi la finestra.

Dopo aver settato i vari parametri non ci resta che cliccare su ok e vedere come è modificata la finestra 'comportamenti':

Le proprietà dell'azione saranno modificabili in qualsiasi momento, basta un doppio click sull'azione stessa. Selezionando l'evento con il mouse apparirà una freccetta nera e cliccando su di essa saranno mostrati ulteriori eventi. Noi ovviamente sceglieremo quello più adatto al nostro scopo. In questo caso 'onClick' (la finestra si aprirà dopo il click del mouse sul link). Gli eventi disponibili sono:

onClick;
onDbClick;
onKeyDown;
onKeyPress;
onKeyUp;
onMouseDown;
onMouseOut;
onMouseOver;
onMouseUp.

Lezione successiva ->