<%@ Page Language="VB"
AutoEventWireup="false"
CodeFile="Default.aspx.vb"
Inherits="_Default"
%>
<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Detect IFrame Clicks</title>
<script type="text/javascript">
var
isOverIFrame = false;
function
processMouseOut() {
log("IFrame
mouse >> OUT << detected.");
isOverIFrame = false;
top.focus();
}
function
processMouseOver() {
log("IFrame
mouse >> OVER << detected.");
isOverIFrame = true;
}
function
processIFrameClick() {
if(isOverIFrame)
{
// replace with
your function
log("IFrame
>> CLICK << detected. ");
}
}
function
log(message) {
var console =
document.getElementById("console");
var text =
console.value;
text = text + message + "\n";
console.value = text;
}
function
attachOnloadEvent(func, obj) {
if(typeof window.addEventListener != 'undefined') {
window.addEventListener('load', func, false);
} else
if (typeof
document.addEventListener != 'undefined') {
document.addEventListener('load', func, false);
} else
if (typeof
window.attachEvent != 'undefined') {
window.attachEvent('onload', func);
} else
{
if (typeof window.onload == 'function')
{
var oldonload
= onload;
window.onload = function() {
oldonload();
func();
};
} else
{
window.onload = func;
}
}
}
function init() {
var element =
document.getElementsByTagName("iframe");
for (var i=0; i<element.length; i++) {
element[i].onmouseover =
processMouseOver;
element[i].onmouseout =
processMouseOut;
}
if (typeof window.attachEvent != 'undefined')
{
top.attachEvent('onblur', processIFrameClick);
}
else if (typeof
window.addEventListener != 'undefined') {
top.addEventListener('blur', processIFrameClick, false);
}
}
attachOnloadEvent(init);
</script>
</head>
<body>
<iframe src="http:\\www.google.com"
width="100%"
height="1300px"></iframe>
<br></br>
<br></br>
<form name="form"
id="form"
action=""><textarea name="console"
id="console" style="width: 100%;
height: 300px;" cols="" rows=""></textarea>
<button name="clear"
id="clear"
type="reset">Clear</button>
</form>
</body>
</html>
No comments:
Post a Comment