Capitolo 13. Elementi dell'interfaccia utente
Questo lavoro è stato tradotto utilizzando l'AI. Siamo lieti di ricevere il tuo feedback e i tuoi commenti: translation-feedback@oreilly.com
Introduzione
I moderni browser dispongono di alcuni potenti elementi UI integrati che puoi utilizzare nelle tue app. In passato questi componenti UI richiedevano librerie di terze parti (oppure potevi costruirne di tue).
Dialoghi
Le finestre di dialogo a comparsa sono un pilastro di molte applicazioni, in quanto forniscono feedback e prompt per l'inserimento di input. Esistono innumerevoli librerie di finestre di dialogo ed è possibile costruirne una propria. I browser moderni lo hanno già fatto con l'elemento <dialog>. Si tratta di una finestra di dialogo a comparsa che include uno sfondo che copre il resto della pagina. Puoi applicare gli stili sia allo sfondo che alla finestra di dialogo con un po' di CSS. Per impostazione predefinita, la finestra di dialogo è solo un riquadro che si apre con lo sfondo alle spalle. Sta a te aggiungere un titolo, dei pulsanti e altri contenuti.
Alcune finestre di dialogo contengono più pulsanti e tu vuoi eseguire un codice diverso a seconda dell'opzione scelta. Ad esempio, una finestra modale di conferma potrebbe avere i pulsanti Conferma e Annulla. Dovrai occuparti anche di questo, aggiungendo degli ascoltatori di eventi click ai pulsanti. In ogni ascoltatore di eventi, puoi chiudere la finestra di dialogo chiamando il metodo close. Il metodo close è un metodo ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access