Código dialog
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Ejemplo dialog</title>
</head>
<body>
<dialog onclick="closeDialog()"> El dialog está abierto <p>clic para cerrar</p> </dialog> <button onclick="showDialog()">Abrir</button>
<script>
// referencia los elementos
var dialog = document.getElementsByTagName("dialog")[0];
var button = document.getElementsByTagName("button")[0];
//muesta el dialog
function showDialog() {
dialog.setAttribute("open", "open");
button.setAttribute("class", "close");
}
//oculta el dialog
function closeDialog() {
dialog.removeAttribute("open");
button.removeAttribute("class", "close");
}
</script>
</body>
</body>
</html>
