Full version: jsB@nk » Form » Table » Amazing Message Box
URL: https://www.javascriptbank.com/amazing-message-box-index.html
This JavaScript code creates a message box and shows an alert after the page gets downloaded. Use the test cases to invoke methods of the message box directly.
Full version: jsB@nk » Form » Table » Amazing Message Box
URL: https://www.javascriptbank.com/amazing-message-box-index.html
<style type="text/css"> DIV.qlabel { font-size: 14pt; font-weight: bold; text-align: center; } </style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><link rel="stylesheet" type="text/css" href="qlibdoc.css"/><script language="JavaScript" src="control.js"></script><script language="JavaScript" src="wndctrl.js"></script><script language="JavaScript" src="boxctrl.js"></script><script language="JavaScript" src="messagebox.js"></script><script language="JavaScript" src="label.js"></script><script language="JavaScript" src="button.js"></script><script language="JavaScript" src="buttonres.js"></script><script language="JavaScript" src="boxres.js"></script><BODY class="content" onload="self.mb.alert()"><div class="code"><script language="JavaScript"> // define box resource box = new QBoxRes(13, 13, 13, 13, "wtc.gif", "wtr.gif", "wmr.gif", "wbr.gif", "wbc.gif", "wbl.gif", "wml.gif", "wtl.gif", "#FFE831", "wbg.gif", QWndCtrl.SHADOW + QWndCtrl.FADEIN + QWndCtrl.HBARNOUT); // define button resource btn = new QButtonRes(QButton.NORMAL, 46, 29, "btn2n.gif", "btn2p.gif"); // create box mb = new QMessageBox(null, "mb", box, btn, "Test"); </script></div></p> <div class="cases"> Test cases: <a href="#" onClick="mb.alert('Test');return false">alert: Test</a> <a href="#" onClick="mb.alert('Hello, World!');return false">alert: Hello, World!</a> <a href="#" onClick="mb.center();return false">center</a> <a href="#" onClick="mb.show(!mb.visible);return false">show/hide</a> <a href="#" onClick="mb.moveTo(mb.x + 5, mb.y + 10);return false">move</a> <a href="#" onClick="mb.setOpacity(mb.opacity - 10 || 100);return false">change opacity</a> <a href="#" onClick="mb.setEffects(mb.effects ^ QWndCtrl.SHADOW);return false">toggle shadow</a> </div></BODY><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->http://javascriptbank.com/javascript/form/Amazing_Message_Box/qlibdoc.csshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/control.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/wndctrl.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/boxctrl.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/messagebox.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/label.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/button.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/buttonres.jshttp://javascriptbank.com/javascript/form/Amazing_Message_Box/boxres.js