Completely Customizable Alert Boxes!

I thought up this script when I was working on a website that acted as a cell phone. I did take a little coding outta brothercakes frogger script. If you dont want me to have this up here, just let me know. But here it is:


function alert(msg)
{
alObj=document.createElement("div");
document.body.appendChild(alObj);

alData='<table cellpadding="0" cellspacing="0" border="0" style="width:25%;height:10%;position:absolute;left:355;top:180;z-index:1;"><tr><td align="center" valign="middle">'
alData+='<table cellpadding="0" cellspacing="12" border="0" style="-moz-box-sizing:border-box;font:15px comic sans ms,arial;color:#1d4fa8;font-weight:bold;background-color:#f4f887;border:1px solid #1d4fa8;width:250px;filter:progid:DXImageTransform.Microsoft.Shadow(color=#1d4fa8,direction=135,stre ngth=5);">'
alData+='<tr>'
alData+='<td align="center">'+msg+'</td>'
alData+='</tr>'
alData+='<tr>'
alData+='<td align="center"><input type="button" onClick="clal()" value="Ok" style="border:1px inset #1d4fa8;background:#f4f887;color:#1d4fa8;font-weight:bold;height:20;">'
alData+='</tr>'
alData+='</table>'
alData+='</td></tr></table>'

alObj.innerHTML = alData;

}

function clal()
{
document.body.removeChild(alObj);
alObj=null;
}


You can edit it however you want to.

To get it working, all you have to do is create a link or something like this:

<a href="javascript:alert('Hello! How are you?')">Greetings</a>

and the alert will come up as any other kind!