Evitar que un iframe obtenga foco

BillieBert · #1 (**permalink**) 10/06/2012, 17:52

Hola!

Me preguntaba... tengo un documento en html y dentro tengo un iframe con una pagina de mi propio dominio. Quisiera saber como evitar que al hacer clic dentro del iframe este coja el foco, porque dentro de la pagina que lo contiene tengo algunos eventos en javascript, y si el iframe tiene el foco, estos eventos no se activan.

Gracias de antemano!

maycolalvarez · #2 (**permalink**) 11/06/2012, 06:48

y si está en tu propio dominio ¿porque no usas AJAX para cargar ese contenido en un div?: con CSS overflow: auto; puedes darle la apariencia de un iframe

quimfv · #3 (**permalink**) 11/06/2012, 06:51

Oculta el iframe debajo de un div transparente.... pero claro luego nunca será accesible....

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
#div1{
    background: none;
    position: absolute;
    z-index: 1;
    height: 300px;
    width: 300px;
    top: 0px;
}
#div2{
    background: none;
    position: absolute;
    z-index: 0;
    height: 300px;
    width: 300px;
    top: 0px;
}
-->
</style>
</head>
<body>
<div id="div1"><input name="" type="button" onClick="alert('Hola')" value="Click"></div>
<div id="div2"><iframe src="http://www.forosdelweb.com/f13/evitar-que-iframe-obtenga-foco-997995/"></iframe></div>
</body>
</html>

Esta el vento onfocus pero parece que no funciona en todos los navegadores para iframe....

BillieBert · #4 (**permalink**) 11/06/2012, 18:55

Gracias a los dos por responder! ^_^

Quimfv, la respuesta parece bastante lógica, pero no es precísamente lo que necesito.
Maycol, como podría implementar lo que dices, o como podría buscarlo en otro lugar?

quimfv · #5 (**permalink**) 12/06/2012, 00:44

http://www.w3schools.com/ajax/default.asp

Para cargar en un div lo que quieras....

Otra solución complementando la primera que te di es cambiar el "z-index:"

de los divs en el momento que quieras acceder al iframe....