This time I will share jQuery Plugin and tutorial about Minimal Web Dialog Popup Component With jQuery – popWindow, hope it will help you in programming stack.
Just another jQuery popup window plugin which helps you create pretty clean info, alert, warning, confirm, error, success, prompt and custom dialog boxes on the webpage. A great alternative to the native JavaScript popup boxes.
How to use it:
1. Include jQuery JavaScript library together with the jQuery popWindow plugin’s stylesheet popWindow.css
and JavaScript popWindow.js
on your html page.
1 |
< link rel = "stylesheet" href = "css/popWindow.css" /> |
2 |
< script src = "//code.jquery.com/jquery.min.js" ></ script > |
3 |
< script src = "js/popWindow.js" ></ script > |
2. Create your own popup windows on the webpage.
2 |
window.popWindow.dialog( "Popup Window<span>Blabla</span>" ); |
3 |
window.popWindow.dialog( "Success Dialog" , "success" ); |
4 |
window.popWindow.dialog( "Prompt Dialog" , "input" ,{onOk: function (){}}) |
5 |
window.popWindow.dialog( "Custom dialog" ,{title: "Custom Title" }) |
3. Built-in popup types:
- info: “info”
- success: “success”
- error:: “error”
- confirm: “confirm”
- warning: “warning”
- input: “input”
- custom: “custom”
4. Default options and callback functions.
This awesome jQuery plugin is developed by Angelcms. For more Advanced Usages, please check the demo page or visit the official website.