Ver Mensaje Individual
  #3 (permalink)  
Antiguo 18/05/2010, 17:05
rifa666
 
Fecha de Ingreso: mayo-2006
Mensajes: 4
Antigüedad: 18 años, 8 meses
Puntos: 0
Respuesta: DIV sobre PDF

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...

Última edición por rifa666; 20/05/2010 a las 14:13 Razón: Dar solución al problema