Simple móvil-primer cuadro de diálogo biblioteca JavaScript-jDialog
| Autor: | litson |
|---|---|
| Views Total: | 2,445 |
| Sitio oficial: | Ir a la web |
| Actualizado: | August 11, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
jDialog es una biblioteca de JavaScript ligera e independiente que hace que sea fácil de mostrar modales personalizables & cuadros de diálogo en sus aplicaciones Web.
Funcionamiento
Cargue jDialog. CSS y jDialog. js en la página HTML.
<link href="dist/jDialog.css" rel="stylesheet"> <script src="dist/jDialog.js"></script>
Uso básico.
jDialog('Hello world!'); Añadir un botón de confirmación.
jDialog('Hello world!',function(){
alert('Bye!');
this.remove();
}); Agregue un botón personalizado.
var dialog = jDialog('Hello world');
dialog.addButton('Custom Button','sayHello',function(){
alert('hello world');
this.remove();
}); Mostrar un mensaje de alerta.
jDialog.alert('Hello world'); Mostrar un mensaje del sistema.
jDialog.toast('Hello world'); Muestra un mensaje de error.
jDialog. error (' Hello World ');
uso avanzado.
jDialog({
title:"Say Hi",
content:"Hello world",
modal:true,
autoHide:5,
callBack:function(){
alert('Bye!');
this.remove();
}
}); Agregue un evento personalizado.
// add a custom event
jDialog.event.add('sayHello',function(){
alert('Hi there!');
});
// fire the event
jDialog.event.fire('sayHello');
