vBocx.js
vBocx.js is a JavaScript Library.
It creates alertboxes, promptboxes and confirmboxes in just few lines of code.
It creates alertboxes, promptboxes and confirmboxes in just few lines of code.
It uses CSS and JavaScript.
Read our Documentation and Examples to know more.
Read our Documentation and Examples to know more.
The success alertbox code without vBocx.js.
With vBocx.js
var vBocx = document.createElement('div');
vBocx.innerHTML = 'I am vBocx.js success alert !';
vBocx.style.height = 'auto';
vBocx.style.width = '90%';
vBocx.style.wordWrap = 'break-word';
vBocx.id = 'vBocx';
vBocx.className = 'vBocx' ;
vBocx.style.fontSize = '18px';
vBocx.style.position = 'absolute';
vBocx.style.top = '10%';
vBocx.style.transform = 'translateY(-10%)';
vBocx.style.left = '50%';
vBocx.style.transform = 'translateX(-50%)';
vBocx.style.background = '#def0d8';
vBocx.style.color = '#1A9022';
vBocx.style.padding = '35px';
vBocx.style.borderRadius = '3px';
document.body.appendChild(alert);
setTimeout(function ()
{
var child = document.getElementById('vBocx');
document.body.removeChild(child)
}, 3000);
With vBocx.js
var successAlert = new vBocx();
successAlert.alert({position:'top', type:'success', message:'I am vBocx.js success alert !', timer:3000});