Demo for jQuery Timed Dialog Plugin

1. Info dialog modal

1.1. Simple info dialog modal

            
            var options = {
                type: 'info',
                title: 'Info',
                body: '<p>This is a simple info modal. You can insert html markup also.</p>',
                width: 400,
                height: 280,
            };
            $().timedDialog(options);

1.2. Info dialog modal with auto dismiss on timer

            
            var options = {
                type: 'info',
                title: 'Info',
                body: '<p>This is a simple info modal. You can insert html markup also.</p>',
                width: 400,
                height: 280,
                closeOnTimer: true,
            };
            $().timedDialog(options);

2. Confirmation modal dialog

2.1. Simple confirmation modal

            
            var myAction = () => {$('body').append('<div>I am an added div</div>')};
            var options = {
                type: 'confirmation',
                title: 'Confirmation',
                body: '<p>Are you sure you want to add a div to the DOM?</p>',
                width: 400,
                height: 280,
                btnConfirm: {text: 'Proceed', action: myAction()}
            };
            $().timedDialog(options);

2.2. Confirmation modal with auto dismiss on timer

            
            var options = {
                type: 'info',
                title: 'Info',
                body: '<p>Are you sure you want to add a div to the DOM?</p>',
                width: 400,
                height: 280,
                closeOnTimer: true,
                timeout:20,
                btnConfirm: {text: 'Proceed', action: myAction()}
            };
            $().timedDialog(options);

2.3. Complex confirmation modal

            
            var options = {
                type: 'info',
                title: 'Info',
                body: '<p>Are you sure you want to add a div to the DOM?</p>',
                width: 400,
                height: 280,
                btnConfirm: {text: 'Proceed', action: myAction()}
            };
            $().timedDialog(options);