<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Demo of blur and focus of a window</title>
<script language=javascript>
function to_close(){
tm.close();
}
function to_open(){
tm=window.open("moveby-child.htm","Ratting","width=250,height=150,left=150,0,top=200,status=0,");
}
function to_focus(){
tm.focus(); // Keeping the focus on small window
}
function to_blur(){
tm.blur(); // Keeping the focus out on small window
}
//////////////////
function display_c(){
var refresh=1000; // Refresh rate in milli seconds
mytime=setTimeout('display_msg()',refresh)
}
function display_msg() {
if ( document.hasFocus() ) {
document.getElementById('my_msg').style.backgroundColor = "#00f000";
document.getElementById('my_msg').innerHTML = "This document is in Focus ";
}else{
document.getElementById('my_msg').style.backgroundColor = "#f07814";
document.getElementById('my_msg').innerHTML = "This document is NOT in Focus ";
}
display_c();
}
//////////////
</script>
</head>
<body onload=display_c();>
<br><br><input type="button" name="btn" value="Open child window" onclick="to_open()";>
<input type="button" name="btn" value="Close Child window" onclick="to_close()";>
<input type="button" name="btn" value="Focus child window" onclick="to_focus()";>
<input type="button" name="btn" value="Blur Child window " onclick="to_blur()";>
<br><br>
<span id=my_msg>Wait for Status here</span>
</body>
</html>