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.
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.