Gestire il codice dei Behaviors



Quando si inserisce un behavior vengono inseriti nella pagina web due pezzi separati di codice:

  • un JavaScript, contenuto in un tag script, all'interno del tag head della pagina;
  • un event handler che richiama le funzioni JavaScript, inserito come attributo del tag HTML cui è associato il behavior.

Il pannello Behaviors non ha menù specifici da attivare col tasto destro del mouse oppure dal menù a comparsa, sulla destra del pannello, il quale serve solo per gestire il pannello stesso e l’Help.


Il pannello Behaviors

Per visualizzare nel pannello i behavior inseriti nella pagina è necessario selezionare il tag cui essi sono associati. I behavior sono ordinati per eventi, disposti sulla sinistra del pannello in ordine alfabetico. All’interno di un gruppo di eventi, associati allo stesso tag, questi sono ordinati per azioni in ordine cronologico di inserimento, che coincide con l’ordine cronologico di esecuzione del behavior al verificarsi dell’evento. Se all’interno di un gruppo di azioni attivate dallo stesso evento vogliamo cambiare la successione cronologica di esecuzione è necessario posizionarsi sull’azione prescelta e premere il tasto freccetta rivolta verso l’alto, situato sulla destra del pannello, affinché l’azione sia eseguita prima o la freccetta rivolta verso il basso perché l’azione sia eseguita dopo.


Modifica dell'ordine degli eventi

Sulla sinistra del pannello troviamo, a parte il pulsante + per aprire il menù delle azioni, anche il pulsante che serve per eliminare un’azione, dopo averla selezionata.


Eliminazione di un'azione

Una volta che si è selezionata un’azione, diventa visibile un tasto freccetta che, se cliccato, mostra un menù con gli eventi disponibili per quell’azione (ovviamente in funzione del browser di destinazione che si è scelto, anch’esso modificabile da questo menù) in questo modo e possibile selezionare un altro evento e dunque modificare l’evento di attivazione dell’azione. Con un doppio click su un’azione presente nel pannello Behaviors viene aperta nuovamente la finestra di dialogo per l’inserimento dei parametri ed è così possibile modificarli.


Modifica dei parametri dalla finestra di dialogo

Al centro del pannello Behaviors si visualizza il tag corrente cui sono associate le azioni.

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