DHTML: Modello degli Eventi 1. 2 Sommario Introduzione Evento onclick Evento onload Gestione errori con onerror Gestione mouse con levento onmousemove.

Presentazione sul tema: "DHTML: Modello degli Eventi 1. 2 Sommario Introduzione Evento onclick Evento onload Gestione errori con onerror Gestione mouse con levento onmousemove."— Transcript della presentazione:

1 DHTML: Modello degli Eventi 1

2 2 Sommario Introduzione Evento onclick Evento onload Gestione errori con onerror Gestione mouse con levento onmousemove Elaborazione di form con onfocus e onblur Eventi onsubmit e onreset Altri eventi DHTML

3 DHTML: Modello degli Eventi 3 Obiettivi Capire la nozione di evento Manipolare eventi Usare loggetto event per gestire le azioni utente Riconoscere e gestire gli eventi principali

4 DHTML: Modello degli Eventi 4 Introduzione Modello degli Eventi –Sono script che rispondono alle azioni svolte dagli utenti –Permettono la dinamicità dei contenuti –Rendono più intuitive le interfacce

5 DHTML: Modello degli Eventi 5 Evento onclick onClick –È invocato quando lutente fa click con il mouse su qualche elemento

6 DHTML: Modello degli Eventi 6

7 7

8 8 Evento onload onload –È attivato quando è completato il caricamento di un elemento –Usato per dare inizio a uno script dopo che la pagina o un elemento sono stati caricati dal client

9 DHTML: Modello degli Eventi 9

10 10

11 DHTML: Modello degli Eventi 11 Gestione degli errori con onerror onerror –Esegue una porzione di codice specializzata nella gestione degli errori

12 DHTML: Modello degli Eventi 12

13 DHTML: Modello degli Eventi 13

14 DHTML: Modello degli Eventi 14 Gestione del mouse onmousemove –Viene continuativamente attivato a seguito dei movimenti del mouse sulla pagina Web –Fornisce la posizione del puntatore

15 DHTML: Modello degli Eventi 15

16 DHTML: Modello degli Eventi 16

17 DHTML: Modello degli Eventi 17 Gestione del mouse: Proprietà (1) Esistono anche due altri eventi attivati dai movimenti del mouse –onmouseover Quando il cursore si trova sopra un elemento –Onmouseout Quando il cursore esce da un elemento

18 DHTML: Modello degli Eventi 18 Gestione del mouse: Proprietà (2)

19 DHTML: Modello degli Eventi 19

20 DHTML: Modello degli Eventi 20

21 DHTML: Modello degli Eventi 21

22 DHTML: Modello degli Eventi 22

23 DHTML: Modello degli Eventi 23

24 Elaborazione di Form Levento onfocus è attivato quando un elemento riceve il focus Levento onblur è attivato quando un elemento perde il focus DHTML: Modello degli Eventi 24

25 DHTML: Modello degli Eventi 25

26 DHTML: Modello degli Eventi 26

27 DHTML: Modello degli Eventi 27

28 DHTML: Modello degli Eventi 28 Altri Eventi per Elaborazione di Form onsubmit e onreset sono utilizzati per lelaborazione di form, attivati ripettivamente quando si sottomette e si annulla il form

29 DHTML: Modello degli Eventi 29

30 DHTML: Modello degli Eventi 30

31 DHTML: Modello degli Eventi 31

32 DHTML: Modello degli Eventi 32

33 DHTML: Modello degli Eventi 33 Event Bubbling È un concetto cruciale del modello degli eventi Si verifica quando eventi attivati in elementi figlio si ripercuotono (bubble up) sugli elementi padre

34 DHTML: Modello degli Eventi 34

35 DHTML: Modello degli Eventi 35

36 DHTML: Modello degli Eventi 36

37 DHTML: Modello degli Eventi 37 Altri eventi DHTML (1)

38 DHTML: Modello degli Eventi 38 Altri eventi DHTML (2)

39 DHTML: Modello degli Eventi 39 Altri eventi DHTML (3)