I Behaviors



Il pannello Behaviors di Dreamweaver è quello da cui attivare, a parte delle eccezioni, i comportamenti - ovvero i behaviors - JavaScript.

Il suo funzionamento generale può essere spiegato in quattro semplici passi:

  1. un comportamento è sempre associato ad un tag, per cui bisogna selezionare dal Tag Selector il tag HTML cui associarlo, in genere il tag body, un link, un’immagine, un form o un suo elemento
    Avvertenza: sebbene molti behavior vengono applicati ai layers il tag div non supporta i behavior per cui i behavior che si riferiscono ai layer vengono in genere applicati ai tag <body> o <a>;
  2. selezionato il tag bisogna verificare quali eventi sono supportati dai vari browser, Dreamweaver per impostazione predefinita mostra gli eventi per i browser di terza generazione e superiori, ma considerato che i browser di terza generazione hanno un supporto JavaScript molto limitato e soprattutto che ormai essi non rappresentano nemmeno lo 0,1% della quota globale dei browser, è consigliabile impostare la scelta degli eventi per i browser di quarta generazione e superiori per avere un supporto realmente ampio. Oppure scegliere i singoli browser se si sviluppa per utenze specifiche. Dreamweaver MX mostra gli eventi per IE 3, 4, 5, 5.5 e 6 e per Netscape 3, 4 e 6. Gli eventi sono sono le interazioni con la pagina web compiute dagli utenti durante la navigazione. Esempi di interazione sono il caricamento di una pagina, il suo ridimensionamento, la sua chiusura (tutti ovviamente associati al tag <body>), oppure il passaggio del mouse, il suo click, ecc. (associati, per esempio ad un link, tag <a>);
    Scelta del browser di destinazione
  3. dopo aver selezionato il tag da associare al behavior ed i browsers che supportano gli eventi è necessario scegliere un’azione premendo il pulsante +, che consente di visualizzare il menù del pannello Behaviors. Se un Behavior non può essere attivato da un tag esso sarà visualizzato in grigio, come non attivo nel menù delle azioni;
    Selezione dell'azione
  4. infine selezionata un’azione si impostano i parametri dalla finestra di dialogo e cliccando OK si inserisce il behavior nella pagina.

Ultimi articoli Editor

Adobe Edge, la prima animazione HTML5

Come creare una animazione HTML5 con Adobe Edge, esempio completo

Adobe Edge, l'interfaccia

Esaminiamo pannelli e menu del tool gratuito di Adobe per la...

Trasformazioni XSLT in Dreamweaver 8

Primo sguardo agli strumenti XML: trasformare un feed RSS

Layout senza tabelle con Dreamweaver 8

Esaminiamo gli strumenti CSS avanzati del software di Adobe/Macromedia

Il nuovo Dreamweaver 8

Panoramica delle principali novità dell'ultima release del popolare...

Altri articoli

Guide Editor

Guida WebMatrix

Entrare nel mondo dello sviluppo di applicazioni Web con Webmatrix,...

Guida Notepad++

Un editor testuale che funziona perfettamente anche come editor HTML...

Guida Aptana

Creare siti Web o applicazioni con Aptana, l'editor open source,...

Altre guide

Newsletter @Daily HTML.it

Ogni mattina, dal lunedì al venerdì, le novità pubblicate su tutti i siti tecnici del network HTML.it: articoli, guide, notizie dal Web, blog e molto altro.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti