3, 2, 1... Hello World!! (Insertar lector pdf de google)

¡Hola a tod@s (Hello World!)!

Me llamo José Joaquín Sánchez (socio de la Asociación Deportiva Coimbra, nacido en Jumilla y resido actualmente en la maravillosa Palma de Mallorca) y me apasiona las nuevas tecnologías y el ajedrez, así que gracias a mi buen amigo Juan José Reina hemos decidido abrir esta sección "Laboratorio Web" donde vamos a mostrar una serie de utilidades, trozitos de código para web, tutoriales, videos e imágenes que nos van ayudar "a eso" que los entendidos llaman "gestionar el conocimiento".

Después de la gran parrafada, en este primer post vamos a introducir un "snippet" o pequeño código que podremos utilizar en una web para mostrar un pdf a través de un lector pdf de google (para usuarios avanzados se va implementar un simple "iframe" con una dirección url con la ruta del pdf).

El código el siguiente (posteriormente se va a dar una breve explicación):

<iframe src="http://docs.google.com/gview?embedded=true&url=[direccionUrldelPDF]" width="600px" height="600px"></iframe>

Un iframe en web (en html) se puede definir como una etiqueta html en la que se embebe otro documento html, en nuestro caso podemos ver como en toda etiqueta html tiene un "tag" de apertura (<iframe>) y un tag de cierre (</iframe>) y dentro del primero se definen sus atributos. En el ejemplo contamos con tres atributos el src(con la dirección del documento html a mostrar), el width y el height (éstos dos últimos proporcionan las dimensiones del iframe)


En el src para mostrar el pdf simplemente sustituimos [direccionUrldelPDF] por la ruta del pdf (ej: http://www.loquemesaledelospeones.blogspot.com/mipdf.pdf).

En width y height, aquí dejo como ejercicio al lector para que manipule estas definiciones(pista: definen el tamaño del iframe).

Un ejemplo es el siguiente:

<iframe src="http://docs.google.com/gview?embedded=true&url=http://www.farm.es/campeonatos/2012/absoluto_femenino/bases_femenino_2012.pdf"
width="600px" height="600px"></iframe>

Y genera:


Cualquier duda, queja, reclamación o crítica pueden comentar...
¡Un saludo a tod@s! d;-)

2 comentarios :

Facebook


Estadisticas

Envía tu torneo

Nombre

Correo electrónico *

Mensaje *