<html><head> <link rel="stylesheet" type="text/css" href="https://rawgit.com/vitmalina/w2ui/master/dist/w2ui.min.css" /></head><body></body><script type="module">import { w2popup } from 'https://rawgit.com/vitmalina/w2ui/master/dist/w2ui.es6.min.js'w2popup.open({ title: 'Popup Title HTML', body: 'Body HTML', actions: { Ok(event) { w2popup.close() }, Cancel(event) { w2popup.close() } }})</script></html>xxxxxxxxxx<div id="popup" style="width: 600px; height: 400px; overflow: hidden"> <div rel="title"> Title </div> <div rel="body"> body ... </div> <div rel="buttons"> <input type="button" value="Switch to Popup 2" onclick="$('#popup2').w2popup()"/> </div></div>xxxxxxxxxxw2popup.load('folder/popup.html')xxxxxxxxxxoptions: { title : '', // html for title - empty by default body : '', // html for body - empty by default buttons : '', // html for buttons - empty by default url : null, // url to load content from (see load method) actions : {}, // object with actions (buttons on the bottom) width : 500, // width of the popup height : 300, // height of the popup style : '', // additional styles color : '#000', // color of the screen lock opacity : 0.4, // opacity of the screen lock speed : 0.3, // speed popup appears modal : false, // if modal, it cannot be closed by clicking on the screen lock maximized : false, // maximized state keyboard : true, // will close popup on ESC if not modal showClose : true, // show closed button by default showMax : false, // do not show max button by default transition : null, // no content transition by default multiple : false, // if popup already open, opens as a message openMaximized : false, // opens the popup maximized // events onOpen : null, // event when dialog finished appearing onClose : null, // event when closed onMax : null, // event when maximized onMin : null, // event when minimized onToggle : null, // event when maximized/minimized onKeydown : null // event when keyboard button is clicked onMove : null // event when popup is moved}