Cuadro de diálogo modal superposición suave en JavaScript puro-overlayJS

Vista prévia

Descripción

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

Funcionamiento

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

<link rel="stylesheet" href="/overlay.css">
<script src="/overlay.js"></script>

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

var overlay = new Overlay();

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

overlay.content.appendChild(Content);

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

overlay.content.style.textAlign = "center";

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

overlay.open()

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

overlay.close()

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

overlay.reset()

Toastinette es un plugin de notificación JavaScript muy pequeño para mostrar los mensajes del brindis inspirados en material Design en la Página Web.

// returns true if is opened
overlay.isOpened();

Event handlers.

overlay.on('opening', function(){

// when opening
})

overlay.on('open', function(){

// when is opened
})

overlay.on('closing', function(){

// when closing
})

overlay.on('close', function(){

// when is closed
})

Registro de cambios

10/16/2018

• Actualizar Overlay. js