Un élément HTML 5 dialog

Voilà le code HTML que j'utilise pour créer des fenêtres de dialogue :

<div class="dialog" data-open="(true|false)" data-modal="(true|false)" data-draggable="(true|false)">
    <div class="hd">Dialog title</div>
    <div class="bd">Dialog content</div>
    <div class="ft">Dialog interaction <button class="close">close</button></div>
</div>

Avec le nouvel élément dialog, voilà à quoi cela pourrait ressembler :

<dialog (open="") data-modal="(true|false)" data-draggable="(true|false)">
    <div class="hd">Dialog title</div>
    <div class="bd">Dialog content</div>
    <div class="ft">Dialog interaction <button class="close">close</button></div>
</dialog>

L'API DOM du nouvel objet, qui est encore en phase de définition, diffère légèrement de celle que j'ai défini :

Les méthodes :

method  : open com  : Ouvrir le dialogue

method  : close com  : Fermer le dialogue

method  : isOpen com  : Si le dialogue est ouvert return  : {Boolean}

method  : isModal com  : Si le dialogue est modal return  : {Boolean}

Les propriétés :

name  : returnValue com  : La valeur à retourner. type  : {String}

Les événements :

name  : open com  : Emis lors de l'affichage du dialogue.

name  : close com  : Emis lors de la fermeture du dialogue.

name  : cancel com  : Emis lors de la fermeture par abandon de l'action.

Les paramètres de configurations :

name  : [closeButton = true] com  : Si le dialogue a un bouton de fermeture. type  : {Boolean}

name  : [cancelOnEscape = true] com  : Si Esc provoque l'événement cancel. type  : {Boolean}

name  : [disposeOnClose = false] com  : Si la fermeture entraîne la destruction de l'objet. type  : {Boolean}

name  : [openOnRender = false] com  : Si le dialogue doit être ouvert quand il est créé. type  : {Boolean}

name  : [draggable = false] com  : Si le dialogue peut être déplacé. type  : {Boolean}

name  : [modal = true] com  : Si le dialogue est modal. type  : {Boolean}

Titre

HTML5 (Editor's draft)

chapter

4.11.6 The dialog element

Auteurs

• Ian Hickson

Éditeur

W3C

Date

mars 2012

Titre

Dialogs

Auteurs

• Ian Hickson

Éditeur

wiki.whatwg.org

Date

avril 2012