Problema con <object> e IE8

barje · #1 (**permalink**) 06/12/2011, 19:33

Muy buenas, tengo este código:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Código:

<object id='visor' type='application/pdf' data='archivo.pdf'#view=FitH,top'><p>Parece que no tienes integrado un visor PDF en este navegador. No te preocupes, puedes <a href='archivo.pdf'>pulsar aquí para descargar el documento PDF</a>.</p></object>

Firefox, Chrome, Safari, Opera e IE9 muestran el pdf sin problemas. Pero IE8 se niega. Si lo abro en una pestaña nueva lo muestra y si lo meto en un iframe también pero no como object. ¿Alguna idea de por qué?

Un saludo

emprear · #2 (**permalink**) 06/12/2011, 23:24

Ese código tal cual lo tenés puesto no te va a mostrar nada en ningún navegador, no entiendo como es que lo estás visualizando.
La forma correcta es esta
http://foros.emprear.com/html/pdf/

Saludos

barje · #3 (**permalink**) 07/12/2011, 12:08

Gracias por responder.

Te dejo el enlace a la página para que lo veas: http://www.infochinchillas.com/des/index.html

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="es-es" />
<style type="text/css">
#div1 {height: 500px; width: 100%;}
#visor {height: 500px; width: 100%;}
</style>
</head>
<body>
<div id="div1">
<object id='visor' type='application/pdf' data='http://foros.emprear.com/html/pdf/slax.pdf#view=FitH,top'><p>Parece que no tienes integrado un visor PDF en este navegador. No te preocupes, puedes <a href='http://foros.emprear.com/html/pdf/slax.pdf'>pulsar aquí para descargar el documento PDF</a>.</object>
</div>
</body>
</html>

Puedes comprobar que efectivamente funciona. Pero no en IE8. Puedo poner un iframe y me soluciona el asunto, pero entonces ya no puede ser XHTML 1.0 Strict. Creo que en teoría IE8 debería aceptar <object> pero no lo hace. Pero sí si lo que debe mostrar está en el mismo dominio. Me parece que es un tema de seguridad, pero ¿hay alguna forma de poder utilizar <object> en IE8? Repito que si abro el pdf directamente en una pestaña nueva lo muestra sin problemas, sólo se pone puñetero cuando está como <object> y no como <iframe>.

Un saludo.

emprear · #4 (**permalink**) 07/12/2011, 15:35

Funciona en IE9/8/7
vos viste mi código?

Código HTML:

Ver original<object type="application/pdf" data="slax.pdf#toolbar=1&amp;navpanes=0&amp;scrollbar=1" 
width="900" height="500">
<param name="src" value="slax.pdf#toolbar=1&amp;navpanes=0&amp;scrollbar=1" />
<p style="text-align:center; width: 60%;">Adobe Reader no se encuentra o la versión no es compatible, 
utiliza el icono para ir a la página de descarga <br />
<a href="http://get.adobe.com/es/reader/" onclick="this.target='_blank'">
<img src="reader_icon_special.jpg" alt="Descargar Adobe Reader" 
width="32" height="32" style="border: none;" /></a></p>
</object>

Te falta esto
<param name="src" value="slax.pdf#toolbar=1&navpanes=0&scrol lbar=1" />, ademas en la deo que dejaste en la web, compara la url del atributo data con la urls de mi pdf, en mi servidor esto
http://foros.emprear.com/resources/precios.pdf no existe

Concentrate

SAludos

barje · #5 (**permalink**) 07/12/2011, 17:11

Cita:

Iniciado por emprear

ademas en la deo que dejaste en la web, compara la url del atributo data con la urls de mi pdf, en mi servidor esto
[url]http://foros.emprear.com/resources/precios.pdf[/url] no existe

Concentrate

SAludos

Je, je, tienes razón, adapté el código de mi página al de la tuya y en el copia pega metí la pata.

Gracias. Ahora sí funciona.

Un saludo.

barje · #6 (**permalink**) 07/12/2011, 19:46

Por cierto, estoy intentando hacer lo mismo para poder poner como <object> también un libro de google books y contenido web de otro dominio. Y me ocurre lo mismo con IE8. He probado a poner <param name="src" value="url" /> pero en este caso no funciona.

Código HTML:

Ver original<object id='visor' type='text/html' data='http://books.google.es/books?id=3HLazFdJ7IIC&pg=PP1&output=embed'>
<param name='src' value='http://books.google.es/books?id=3HLazFdJ7IIC&pg=PP1&output=embed' />
<p>Lo lamentamos, tu navegador no permite mostrar el libro.</p>
</object>

¿Como debería hacerlo?

Un saludo.

emprear · #7 (**permalink**) 07/12/2011, 20:36

barje , para google books no se usa un object,
http://www.universoabierto.com/1589/...os-en-tu-blog/

barje · #8 (**permalink**) 08/12/2011, 08:22

Que google ofrezca un método no quiere decir que no haya otros, creo yo.
Pincha en la página http://www.infochinchillas.com/des/index.html y verás un libro google con object.

Código HTML:

Ver original<object id='visor' type='text/html' data='http://books.google.es/books?id=3HLazFdJ7IIC&pg=PP1&output=embed'>
<p>Lo lamentamos, tu navegador no permite mostrar el libro.</p>
</object>

Incluso google da la posibilidad de ponerlo como iframe (sacado de la opción "enlazar"):

Código HTML:

Ver original<iframe frameborder="0" scrolling="no" style="border:0px" src="http://books.google.es/books?id=3HLazFdJ7IIC&hl=es&pg=PR1&output=embed" width=500 height=500></iframe>

Digo yo que si los navegadores modernos permiten poner los gbooks como object, IE8 también debería dejar, pero debe hacer falta algún param y no sé cómo solucionarlo.

Gracias por seguir ayudando.

Un saludo.

emprear · #9 (**permalink**) 08/12/2011, 12:06

http://www.infochinchillas.com/des/index.html y verás un libro google con object.

Eso no tiene ningún sentido, lo que estás cargando en el object no es un PDF, es un html que contiene la api de Google para cargar el ebook, el cual se carga en el div de id viewport. Bien podrias haberte ahorrado el object y sería lo mismo

Saludos

barje · #10 (**permalink**) 08/12/2011, 19:17

No entiendo, ¿hay alguna forma de poner directamente el div de id viewport?

Por otro lado, ya sé que no es un PDF, pero por lo que sé con object se pueden cargar más cosas aparte de PDFs, ¿no? Me interesa poder cargar contenido web externo así como mostrar los libros google como puse en el ejemplo. El problema del script de google es que hay que poner la anchura y la altura en pixeles y yo lo necesito en %, por eso buscaba esta otra alternativa. Con iframes es muy sencillo, pero con XHTML Strict no se pueden utilizar.

Un saludo.

emprear · #11 (**permalink**) 08/12/2011, 19:49

Código HTML:

Ver original<html>
<head>
 
<script src="http://www.google.com/jsapi" type="text/javascript">
</script>
<script type="text/javascript">
google.setOnLoadCallback(function () {
var viewer = new google.books.DefaultViewer(document.getElementById('viewport'));
viewer.load('http://books.google.es/books?pg\x3dPP1\x26id\x3d3HLazFdJ7IIC\x26hl\x3des\x26source\x3dgbs_embed');
});
var params = {language: "es"};google.load('books', '0', params);
//]]>
</script>
<title></title>
</head>
<body style="margin:0;padding:0;overflow:auto">
<div style="width:100%;height:50%;overflow:hidden" id="viewport"></div>
</body>
</html>

ahi está con porcentajes

y si queres usar object

Código HTML:

Ver original<object id='visor' type='text/html' data='http://books.google.es/books?id=3HLazFdJ7IIC&pg=PP1&output=embed'>
<p>Lo lamentamos, tu navegador no permite mostrar la página web <a href='http://books.google.es/books?id=3HLazFdJ7IIC&pg=PP1&output=embed'>http://books.google.es/books?id=3HLazFdJ7IIC&pg=PP1&output=embed</a>. Copia esta dirección y ábrela en una nueva pestaña del navegador.</p>
</object>

y en el css

Código CSS:

Ver original#visor {
width: 50%;
height: 50%;
}

barje · #12 (**permalink**) 09/12/2011, 05:05

Genial. Gracias. El objecto no funciona con IE8 e inferiores, pero el script funciona a las mil maravillas y me permite hacer lo que yo quiero. Mil gracias otra vez.

Un saludo.