Hi there CBrown,
you cannot style dialogue boxes :supereek:
You can, however, make imitations like this...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>imitatation prompt</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<base href="http://achelous.mysite.wanadoo-members.co.uk/"/>
<style type="text/css">
/*<![CDATA[*/
#prompt {
position:absolute;
width:488px;
height:125px;
background:url('prompt.jpg') no-repeat;
display:none;
}
#ok {
width:75px;
height:22px;
margin:32px 0px 0px 399px;
}
#cancel {
width:75px;
height:22px;
margin:6px 0px 0px 399px;
}
#password {
width:460px;
font-size:16px;
margin:4px 0px 0px 14px;
}
/*//]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
var t=(screen.height-125)/2;
var l=(screen.width-488)/2;
var df=document.forms;
var obj;
function fakePrompt() {
obj=document.getElementById("prompt");
obj.style.top=t+"px";
obj.style.left=l+"px";
obj.style.display="block";
df[0][2].focus();
}
function OK() {
info=df[0][2].value;
obj.style.display="none";
alert(info);
df[0].reset();
}
function shut() {
df[0].reset();
obj.style.display="none";
}
//]]>
</script>
</head>
<body>
<div>
<a href="javascript:void(fakePrompt())">get information</a>
</div>
<div id="prompt">
<form action="">
<div>
<input id="ok" type="button" value="OK" onclick="OK()"/>
<input id="cancel" type="button" value="Cancel" onclick="shut()"/>
<input id="password" type="password"/>
</div>
</form>
</div>
</body>
</html>
I have tested this in...
I.E. 6.02
Firefox 1.0 :cool:
Mozilla 1.7
Opera 7.54
Netscape 7.1