Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

showModal

Description
Syntax
Examples
Links

Description

The showModal of HTMLDialogElement for JS displays the dialog element and makes it the top-most modal dialog.

Syntax

dialog.showModal()

Examples

1

2

<!doctype html>
<html>
<head>
    <style>
        dialog
        {
            //display: block;
        }
        dialog::after
        {
            content: "close";
        }
        dialog[open]::after
        {
            content: "open";
        }
        dialog:modal::after
        {
            content: "modal";
        }
    </style>
</head>
<body>
    <button>button</button>
    <dialog></dialog>
    <script>
        const myelement = document.querySelector("dialog");
        function myfunction1()
        {
            if(!myelement.open)
            {
                myelement.show();
            }
            else if(!myelement.isModal)
            {
                myelement.close();
                myelement.showModal();
                myelement.addEventListener("click", myfunction2);
            }
        }
        function myfunction2()
        {
            myelement.close();
            myelement.removeEventListener("click", myfunction2);
        }
        document.querySelector("button").addEventListener("click", myfunction1);
    </script>
</body>
</html>

Links

HTMLDialogElement

External

Web Hypertext Application Technology Working Group (WHATWG)

Overview

Overview

Search

Search

Download

Download

العربية

ASVD الكتاب المقدس ترجمة فانديك وسميث

česky

CSBKR Bible Kralická 1613

Dansk

DA1871 Danske Bibel 1871

Deutsch

English

Español

RVES Reina-Valera Antigua

Suomi

Français

Magyar

KAR Károli 1590

Bahasa Indonesia

IDBAR Terjemahan Baru

Italiano

日本語

JA1955 Colloquial Japanese (1955)

Malagasy

MG1865 Malagasy Bible

te reo Māori

MAOR Maori Bible

한국어

KORVB 개역한글

Nederlands

SV1750 Statenvertaling

Norsk

NORSK Det Norsk Bibelselskap 1930

Polski

PBG Biblia Gdańska

Português

AA Almeida Atualizada

Română

Pyccкий

RURSV Синодальный перевод

Shqip

ALBB Albanian Bible

Svenska

Wikang Tagalog

TLAB Ang Biblia

українська

Tiếng Việt

VI1934 1934 Vietnamese Bible

简体中文

CUVS 简体和合本

繁體中文

CUV 和合本

Overview

Overview

Attributes

Elements

Other

Overview

Overview

Functions

Properties

Pseudo-Classes

Pseudo-Elements

Units

Overview

Overview

AbortController

AbstractRange

AbortSignal

ChildNode

Comment

Comment

console

CustomEvent

Declarations

Document

DocumentFragment

DocumentFragment

DocumentOrShadowRoot

pictureInPictureElement

DOMImplementation

DOMTokenList

Element

Event

EventTarget

HTMLCollection

HTMLDialogElement

HTMLVideoElement

Iterations

MutationObserver

MutationRecord

Node

NodeList

NonDocumentTypeChildNode

NonElementParentNode

getElementById

ParentNode

Prompts

Range

Slottable

assignedSlot

Statements

StaticRange

StaticRange

Text

Other

Overview

Overview

Array

BCMath

bzip2

Calendar

Class / Object

Ctype

cURL

Date / Time

Directory

DOM

dom_import_simplexml

Error Handling

Exif

Fileinfo

Filesystem

Filter

Function Handling

GMP

Hash

iconv

Image

JSON

libxml

Mail

mail

Math

Miscellaneous

Multibyte String

Network

Options / Information

Output Control

PCNTL

PCRE

POSIX

Random

Readline

Session

Shmop

SimpleXML

Sockets

SPL

Stream

String

Tokenizer

URL

Variable Handling

zlib

Overview

Overview

Attributes

Elements

Values

Overview

Overview

Bible

Cards

LEGO

Other

Overview

Overview

Assets

Overview

Overview

Modifiers

Other

Flag

Overview

Overview

Objects

Other

Physics

Overview

Overview

Install

Install

Example

1
2
3
4
5

Cameras

Core

Light

PointLight3D

Materials

Shade Materials

Special Material

ParticleMaterial

Parser Objects

Primitive Objects

Special Objects

Render

Scene

Scene3D

Typography

Text3D

Views

View Layers

Other

Overview

Overview

Plugins

Overview

Overview

Detect

Detect

Games

Unity

Overview

Overview

Example

1
2
3
4
5
6

CSV2Plist

CSV2Plist

UI

Home