[SOLUCIONADO] Previsualizar PDF con Javascript

[alecalo]

Buenas tardes comunidad, el dia de hoy escribo para que por favor me guien con lo siguiente:

Tengo a cargo la siguiente página.

[URL="http://kyrovet.com/prod.php?cat=1"]http://kyrovet.com/prod.php?cat=1[/URL]

En la que ahora al hacer click sobre el producto o en el área "ficha tecnica" deja ver la info del producto.

Lo que sucede es que ahora dicha pagina se va a sustituir y se va a reemplazar por pdf's y el mi jefe desea que al posar el cursor encima de la imagen de una previsualización del pdf y que cuando de click lo descargue... Mi solución JAVASCRIPT, si alguien sabe si esto es posible se lo agradecería... Muchas gracias.

[IsaBelM]

se trata de usar un iframe

[Panino5001]

Vas a tener que buscar por otro lado porque con javascript no podés previsualizar un pdf. Lo que podrías hacer es generar de alguna manera (nada que ver con javascript) una imagen normal de tu pdf (jpg,gif,png) y ahí sí, mostrar esa imagen con un tooltip basado en javascript o una solución semejante.

[Panino5001]

La idea de IsaBelM es muy buena (no se me ocurrió, je,je), pero está sujeta a que el usuario tenga la opción de previsualización de pdf activada en su navegador

[IsaBelM]

la idea la sequé de ti. recuerdo que hace ya bastante tiempo monteste un código para previsualizar links y usabas iframes, así que ....... en realidad la idea es tuya

un saludo

[Aijoona]

Y llega Valentín con las novedades "bleeding edge"!!1

Librería que utiliza el elemento <canvas> para renderizar PDF:

http://andreasgal.github.com/pdf.js/

De cualquier manera, no lo recomendaría para algo serio.

Saludos.

[alejandromg]

Oh más sencillo el Google PDF viewer sin footprint y bastante rápido:

http://googlesystem.blogspot.com/2009/09/embeddable-google-document-viewer.html

Por cierto pdf.js es bastante bueno, pero con problemas de compatibilidad (ya sabemos a quien mirar).

Saludos

[alecalo]

Señores, muchas gracias por su colaboración, pues usé lo que recomiendan acá. [URL="http://www.purosoftware.com/desarrollo-web-scripts-tooltip/06-screenshot-de-sitio-web.html#instalacion"]http://www.purosoftware.com/desarrollo-web-scripts-tooltip/06-screenshot-de-sitio-web.html#instalacion[/URL]

Les agradezco su ayuda e ideas, y ahora pueden ver el resultado ya funcionando en mi pagina.