Create a webpage Light box from caspio's if than script that changes text color

[nanglin]

Hello,

I have a script that changes the word to not confirmed when a user needs to click on an item. My only issue is to try to turn this script into a light box so that when they click on not confirmed or edit, it will pop up instead of taking them to a separate page. 

<a id="linkvisi[@field:ID]"> <script>
var isi = document.getElementById("linkvisi[@field:ID]");
if('[@field:ProducerConfirmation]' == 'No'){
  isi.innerHTML = '<a href="http://www.link.com/events-details.html?ID=[@field:ID]"><span style="color:#FF0000;"><u><b>Not <br> Confirmed <br> </b></u></span></a>';
}else{
  isi.innerHTML = '<a href="http://www.link.com/events-details.html?ID=[@field:ID]"><span style="color:#000000 !Important;"><u>Edit</u></span></a>';
}
</script> </a>