Hi there djts
the box does not go away :supereek:
It is still there under the window that the OK image opened :rolleyes:
My script does close the pop-up :cool:
But if you want imitation buttons then imitation buttons you shall have ;)
I have nicked them from your favourite site :D
<!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>yes go here - no go there</title>
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
body {
background:#eee;
}
#container {
width:340px;
padding:10px;
border:solid 1px #000;
background:#ccc;
margin:auto;
}
#container textarea {
width:320px;
height:200px;
background:#eed;
font-family:arial;
font-size:15px;
color:#666;
margin-bottom:4px;
}
/*//]]>*/
</style>
<script type="text/javascript">
//<![CDATA[
var df=document.forms;
var m;
var urls=new Array();
urls[0]="http://www.hell.com/";
urls[1]="http://www.w3schools.com";
var message=new Array();
message[0]="You have chosen the no option. The destination of this unwise choice is..."+urls[0];
message[1]="You have chosen the yes option. The destination of this sensible choice is..."+urls[1];
var h=screen.height/4;
var w=screen.width/2.5;
var t=(screen.height-h)/2;
var l=(screen.width-w)/2;
var features="top="+t+",left="+l+",height="+h+",width="+w+",scrollbars=yes";
function checkCheck(n) {
if(df[0][n].checked==true) {
if(n==1) {
n=2;
}
else {
if(n==2) {
n=1;
}
}
df[0][n].checked=false;
m=n-1
}
}
function goThere() {
if(isNaN(m)) {
return;
}
else {
var mypopup=window.open("","",features);
mypopup.document.write('<html><body style="margin:25px;background:#eed;font-size:18px;color:#666">'+message[m]+
'<p style="text-align:center"><a href='+urls[m]+
' target="_blank"onclick=setTimeout("window.close()",1)>'+
'<img src="http://ixmusic.net/ok.gif" border="0"style="margin:10px;border:0px"></a><a href="javascript:void(window.close())" >'+
'<img src="http://ixmusic.net/cancel.gif" style="margin:10px;border:0px"></a></p></body></html>');
mypopup.document.close();
mypopup.focus();
}
}
//]]>
</script>
</head>
<body>
<form action="">
<div id="container">
<textarea rows=""cols="" readonly="readonly">
Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Praesent blandit venenatis
purus. Integer massa libero, vehicula id,
consequat sed, tincidunt nec, purus. Class
aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos.
Suspendisse potenti. Nunc vulputate magna
non magna. Aenean lorem eros, adipiscing
quis, semper non, dictum a, nunc. Curabitur
ut sem. Pellentesque a est id neque hendrerit
ultrices. Donec vulputate tincidunt turpis.
Curabitur dignissim vestibulum nunc. Aliquam
felis lorem, ultrices sit amet, convallis a,
accumsan vel, ante. Proin aliquam turpis sed
augue. In pellentesque, magna a pulvinar
adipiscing, est orci adipiscing felis, sed laoreet
urna magna quis neque. Proin facilisis aliquet urna.
</textarea>
<label>yes : </label><input type="checkbox" onclick="checkCheck(1)"/>
<label>no : </label><input type="checkbox" onclick="checkCheck(2)"/>
<input type="button" value="next" onclick="goThere()"/>
</div>
</form>
</body>
</html>