www.lee-mcgeorge.co.uk
I've been using custom Alert boxes for a long time in various guises.
The way I've shown below is perhaps the easiest.
There are more efficient and cleaner ways to do it, but this is so easy, it
works a treat.
You can also put new <DIV> tags inside the alert to have "Accept" "Decline"
"Cancel" buttons
www.lee-mcgeorge.co.uk
<html>
<head>
<script>
function stylealert(){
placement.inner HTML=message.ne walert.value
}
</script>
</head>
<body>
<form name="message">
<!-- PUT YOUR ALERT AS A FIXED SIZED DIV INSIDE THIS CSS-HIDDEN TEXTAREA -->
<textarea name="newalert" style="visibili ty:hidden">
<div style="width:25 6px; height:170px; background-color:yellow; border:solid
1px black;"onClick= "this.style.vis ibility='hidden '">
<br>
<center>
<b>
A new kind of alert box
</b>
<br>
<br>
<br>
Click to Close
</center>
</div>
</textarea>
<input type="button" value="Click for alert" onClick="stylea lert()">
</form>
<!-- IF YOU WANT TO POSITION THE ALERT DIV USE CSS - position:absolu te;
left:Xpx; top:Xpx -->
<!-- OR USE JAVASCRIPT TO DETERMINE THE CENTER OF THE SCREEN-->
<a name="placement "></a>
</body>
</html>