Technology Towards Microsoft Headlines

Wednesday, September 24, 2008

Custom Alert box using JavaScript


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

>
<html>
<head>
<title>Custom Alert Box</title>
<meta equiv="Content-Type" content="text/html;

charset=utf-8">

<script type="text/javascript" language="javascript">
document.onclick=disableEvents
document.oncontextmenu=disableEvents
var ef=0
function custAlert()
{
ef=1
var ids
ids=document.getElementById('alert')
ids.style.left=300;
ids.style.top=150;
ids.style.visibility="visible"
}

function disableEvents()

{if(ef)
return false;

} </script>

</head>
<body bgcolor="#ffffff" onload="custAlert();"> <form id="Form1" method="post" runat="server">
<div align="center" id="alert" style="border: 2px solid gray; background: #cdeb8b
url('images/img3.gif') repeat-x; left: 240; visibility: hidden; width: 349; color: red; position: absolute;
top: 104; height: 108">
<br> <h3 style="left: 0; width: 152; position: absolute; top: 0; height: 40; ali

gn: Left">
<span style="color:#356AA0;">Custom Alert Box</span></h3>
<img style="left: 336px; width: 6px; position: absolute; top: 8px; height: 6px" height="6"
alt="Close" src="images/Cross.png" onclick="ef=0;document.getElementById('alert').style.visibili

ty='hidden';" >
<br> <hr width="99.03%" size="1" style="left: 0px; width: 99.03%; position: absolute;
top: 32px; height: 1px">
<div id="msg" style="width: 349; color: #356aa0; height: 85; text-decoration: none">
NJoy Programming<p>
Success be Yours</div>
<p>
</div>
</form>
</body>
</html>

No comments:

Page copy protected against web site content infringement by Copyscape

Subscribe To Get Updates Directly To Your E-Mail

Enter your email address:

Delivered by FeedBurner