buscaba solución al mismo problema, lo solucioné de la siguiente forma. En el div agrego eventos de onmouseover, onmouseout y onclick de la siguiente forma:
Cita: <div ... onmouseover="hideiFrame();" onmouseout="blnMostrariFrame=true;setTimeout('show iFrame()', 100);" onclick="blnMostrariFrame=true;setTimeout('showiFr ame()', 100);">
El código de mi iframe sería algo como:
Cita: <iframe src="index.html" frameborder="0" width="895px" height="100%" scrolling="no" name="miIframe" id="miIframe"></iframe>
Y el código js:
Cita: <script type="text/javascript">
var blnMostrariFrame;
function hideiFrame(){
var elem = document.getElementById('miIframe');
var tipoContenidoiFrame;
try{
tipoContenidoiFrame = new String(miIframe.location);
tipoContenidoiFrame = tipoContenidoiFrame.toUpperCase();
tipoContenidoiFrame = tipoContenidoiFrame.substring(tipoContenidoiFrame. length - 4);
}
catch(err){
tipoContenidoiFrame = ".PDF";
}
if(tipoContenidoiFrame == ".PDF" || tipoContenidoiFrame == ".DOC" || tipoContenidoiFrame == ".PPT" || tipoContenidoiFrame == ".XLS"){
blnMostrariFrame = false;
if(elem.style.display != "none")
elem.style.display = "none";
}
}
function showiFrame(){
var elem = document.getElementById('miIframe');
if(blnMostrariFrame == true)
if(elem.style.display == "none")
elem.style.display = "block";
}
</script>
saludos...