Imprimir Página - Modificar este javascript?

Hola a todos, buscando por Internet como podía de alguna u otra manera obtener información acerca de un iframe externo (clic, mouse encima, mouse sobre).

Encontré lo siguiente:

Código

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Detect IFrame Clicks</title>
 
<style type="text/css"> 
#outerdiv2 { width:330px; height:190px; overflow:hidden; position:relative; z-index: 2; }
#inneriframe2 { position:absolute; top:-170px; left:-390px; width:1280px; height:1200px; z-index: 2; } 
</style> 
 
 
<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) {
// document.getElementById('modificar').style.display = 'none';
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>
 
<div id="outerdiv2"><iframe src="http://www.xtremetop100.com/in.php?site=1132331256" id="inneriframe2" scrolling="no"></iframe></div>
 
<br></br>
<br></br>
<form name="form" id="form" action=""><textarea name="console"
id="console" style="width: 100%; height: 300px;" cols="" rows=""></textarea>
<div id="modificar"><button name="clear" id="clear" type="reset">Clear</button></div>
</form>
</body>
</html>

Al probarlo funciona de maravilla (este me muestra en una caja de texto las acciones detectadas dentro del iframe). Pero me gustaría especificar que fueran capturadas una zona específica dentro del iframe, esta parte sería sólo el botón del iframe (vote for Mu Caos).

¿Como podría hacer esto?
Se lo agradecería considerablemente. Espero no molestar, muchísimas gracias por tomarse el tiempo en leer. Saludos

No estoy seguro al 100% pero puedes probarlo para ver si funciona. He visitado la página que está contenida en el iframe (http://www.xtremetop100.com/in.php?site=1132331256) y el botón del que quieres capturar la información tiene un atributo "name", podrías modificar el código javascript para que, en lugar de recuperar el elemento del iframe, te recuperase el elemento input que está en la página. La línea que habría que modificar sería esta:

Código

var element = document.getElementsByTagName("iframe");

habría que modificarla dejándola más o menos así:

Código

var element = document.getElementsByName("submit");

De esta forma recuperarías todos los elementos del DOM que tengan la etiqueta name="submit". En principio de esta forma funcionaría, sino prueba con la función getElementsByTagName. Te dejo una pequeña referencia a los dos métodos.

http://www.w3schools.com/jsref/met_doc_getelementsbyname.asp
http://www.w3schools.com/dom/met_document_getelementsbytagname.asp

Saludos.

Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: .:UND3R:. en 3 Mayo 2012, 19:06 pm