Enable user to show their customized HTML elements in the center of screen.

• A screen cover will be created to block mouse event to the original page.
• Clicking outside the body of the info-box will close the info-box. This feature can be disabled manually.

Sample: http://www.rendxx.com/Lib/Sample/6
Download: InfoBox v0.7.0

Download the package from bower

bower install InfoBox --save

Including the file in your webpage

<script type="text/javascript" src="/bower_components/InfoBox/dist/InfoBox.js"></script>

See Code Sample below for more details.

API Document

JavaScript:

$$.info.alert({
   content: "Alert Sample. <br />Click <b>OK</b> to close.",
   title: "ALERT",
   hideOnClick: true,
   bg: "rgba(0,0,0,0.6)"
});
// Create an alert window.

Chrome Fire Fox Safari Edge IE 9-11

Copyright © 2016, Rendxx. (MIT License)
See LICENSE for more info.