Foros del Web » Programando para Internet » Javascript »

DIV sobre PDF

Estas en el tema de DIV sobre PDF en el foro de Javascript en Foros del Web. Que tal, espero que me ayuden con el siguiente problema, al igual que espero explicarme con claridad. Tengo una página la cual esta dividida horizontalmente, ...
  #1 (permalink)  
Antiguo 14/05/2009, 23:33
 
Fecha de Ingreso: diciembre-2007
Mensajes: 9
Antigüedad: 16 años, 4 meses
Puntos: 0
DIV sobre PDF

Que tal, espero que me ayuden con el siguiente problema, al igual que espero explicarme con claridad.

Tengo una página la cual esta dividida horizontalmente, en la parte izquierda tengo un menu vertical, el cual, al pasar el mouse sobre cada opcion, muestra otro menu horizontal desplegable formado por DIV's, hasta ahi todo bien.

en la parte derecha tengo un iframe en el cual cada que presiono una de las opciones del menu de la izquierda me abre un archivo PDF dentro del iframe.

ok, el problema es que cada que se abre el PDF se pone por encima de los menus, ya que éstos, ovbiamente, se crean antes que la llamada del PDF, mi pregunta es la siguiente

habra alguna manera de hacer que los menus formados con capas div estén por encima del PDF aunque llame el PDF despues de haber crado los menus.

osea, existira algun javascript que le pueda aplicar al archivo PDF asi como al flash wmode="opaque" para que siempre esté detras de los div

Saludos y gracias de antemano
  #2 (permalink)  
Antiguo 14/05/2009, 23:40
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 17 años, 6 meses
Puntos: 122
Respuesta: DIV sobre PDF

puedes intentar poniendo z-index: 1000 al menu (esto en el CSS). Aun que no se si funcione, por que no se como funciona el plug in de pdf. Por cierto, ten cuidado, por que no todos los navegadores soportan PDF. Por ejemplo, yo no he insatalado el plug in y cada que enlazo a un pdf se me descarga.
__________________
twitter: @imbuzu
  #3 (permalink)  
Antiguo 18/05/2010, 17:05
 
Fecha de Ingreso: mayo-2006
Mensajes: 4
Antigüedad: 18 años
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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:05.