Change alert function to Lightbox???

**fabiano.pechibella** · 10-19-2012, 06:35 PM

Folks,

How Can I change the alert(breakMessage[i]) to a LightBox with a message inside, is possible?

Code:

<script type="text/javascript">
function breakTime(){ // <<< do not edit or remove this line!

/* Set Break Hours in 24hr Notation */
var breakHour=[10, 14, 15]

/* Set Break Minutes */
var breakMinute=[45, 45, 15]

/* Set Break Messages */
var breakMessage=["Test", "Test1", "Test2"]

///////////////////No Need to Edit//////////////
var theDate=new Date()
for (i = 0; i < breakHour.length; i++)
if (Math.abs(theDate.getHours())==breakHour[i]&&Math.abs(theDate.getMinutes())==breakMinute[i]){
window.focus();
clearInterval(breakInt)
alert(breakMessage[i])
if (i<breakHour.length-1)
setTimeout("breakInt=setInterval('breakTime()',58000)",120000)
}
}
var breakInt=setInterval("breakTime()",58000)
////////////////////////////////////////////////
</script>

Tks
Fabiano Magno Pechibella

**jscheuer1** · 10-22-2012, 03:55 PM

Using EasyBox:

https://code.google.com/p/easybox/

This works:

Code:

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="styles/default/easybox.min.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script type="text/javascript" src="distrib.min.js"></script>
<script type="text/javascript">
function breakTime(){ // <<< do not edit or remove this line!

/* Set Break Hours in 24hr Notation */
var breakHour=[11, 14, 15]

/* Set Break Minutes */
var breakMinute=[50, 45, 15]

/* Set Break Messages */
var breakMessage=["Test", "Test1", "Test2"]

///////////////////No Need to Edit//////////////
var theDate=new Date()
for (i = 0; i < breakHour.length; i++)
if (Math.abs(theDate.getHours())==breakHour[i]&&Math.abs(theDate.getMinutes())==breakMinute[i]){
window.focus();
clearInterval(breakInt)
//alert(breakMessage[i])
$('#unique_id').html(breakMessage[i]);
$.easybox([{url: "#unique_id", caption: "Break Message"}]);
if (i<breakHour.length-1)
setTimeout("breakInt=setInterval('breakTime()',58000)",120000)
}
}
var breakInt=setInterval("breakTime()",58000)
////////////////////////////////////////////////
</script>
</head>
<body>
Visible content on the page
<div id="unique_id" style="display: none; width: 320px; height: 75px;">
</div>
</body>
</html>