Blog and Web

  • Inicio
  • Foro para Bloggers
  • Templates Blogger
  • Categorias
    • Adsense
    • Blogandweb
    • Blogger
    • Blogs
    • CSS
    • Diseño
      • Fuentes
      • Iconos
      • Logos
    • Dominios
    • Geek
    • HTML
    • Javascript
    • México
    • Notas rápidas
    • Photoshop
      • Brushes
    • PHP
    • Plantillas Blogger
    • Productos Google
      • Firefox
    • Recursos en linea
    • SEO
    • Software
    • Tutoriales
    • Web 2.0
    • Widgets para Blogger
    • Wordpress
      • Plugins
      • Themes
  • Nosotros
  • Publicidad
  • Suscríbete vía RSS
« Redireccionar página con javascript
Poner la fecha automaticamente con Javascript »

Imprimir página con Javascript

Marzo 2nd, 2007  |  Publicado por Francisco en Javascript  |  7 Comentarios

Para darle a nuestro usuarios la comodidad de un botón para imprimir el contenido de una de nuestras páginas haremos uso de un sencillo script que tendrás que colocar entre las etiquetas <head></head> o ponerla como función en un archivo .js. El script es el siguiente:

<script language="Javascript">

function imprimir() {
if (window.print)
window.print()
else
alert("Para imprimir presione Crtl+P.");
}

</script>

Este script es compatible con la mayoría de los navegadores actuales y de esta forma, cuando el usuario de click en nuestro botón imprimir le aparece la ventana de dialogo para imprimir y de no ser compatible con el navegador le arroja el mensaje “Para imprimir presione Crtl+P” que le indica la forma de hacerlo.

Veamos ahora como aplicarlo, para poner un link de texto usamos sencillamente lo siguiente:

<a href="javascript:imprimir()">Imprimir</A>

Y para el caso de un boton hacemos:

<input type="button" name="imprimir" value="Imprimir" onclick="javascript:imprimir();">

Y de este modo tenemos un botón sencillo y útil.

Descargar el ejemplo y la función.

Artículos relacionados

  • Librosweb, más libros de derarrollo web y versiones pdf
  • Hace un tiempo hablamos sobre librosweb un interesante proyecto para traducir libros...

  • Usar CSS para cambiar los estilos de impresión
  • Muchas veces cuando queremos brindarle a nuestros usuarios contenido para imprimir, quisieramos...

  • Boton atras y adelante con Javascript
  • Hablando de accesibilidad web, a veces poner un boton de atras, y...

Respuestas

Feed | Dirección de Trackback
  1. Ignasi:

    Julio 11th, 2007 a las 2:07 pm (#)

    Hola!

    Hay alguna manera de “limitar” el area de impresion a solo el texto del post? Para que no salga el sidebar y todo eso?

    Muchas gracias!

  2. Francisco:

    Julio 13th, 2007 a las 1:32 am (#)

    Es posible hacerlo por medio de css, puedes checar nuestro artículo Usar CSS para cambiar los estilos de impresión.

  3. Luis:

    Julio 16th, 2008 a las 2:19 pm (#)

    Saludos!!

    ¿Como puedo hacer que no se imprima el boton?

    Gracias

    Luis

  4. LUISAG:

    Octubre 20th, 2008 a las 11:17 am (#)

    hola muy bueno pero alguien sabe como imprimir una sola parte de la pagina que no se imprima toda con titulo y botones

  5. Juan carlos:

    Noviembre 26th, 2008 a las 9:23 pm (#)

    Hola tal vez si quieresque se imprima sin necesidad del boton debes poner “javascript:imprimir()” dentro de la etiqueta

    Quedaria algo asi

    ….. resto de la pagina …..

    Espero te sirva.

    Saludos

  6. Juan carlos:

    Noviembre 26th, 2008 a las 9:25 pm (#)

    Hola tal vez si quieresque se imprima sin necesidad del boton debes poner “javascript:imprimir()” dentro de la etiqueta

    Quedaria algo asi

    “”

    ….. resto de la pagina …..

    Espero te sirva.

    Saludos

  7. Juan carlos:

    Noviembre 26th, 2008 a las 9:26 pm (#)

    Hola tal vez si quieresque se imprima sin necesidad del boton debes poner “javascript:imprimir()” dentro de la etiqueta body

    Quedaria algo asi

    “body onload=’javascript:imprimir()’”

    ….. resto de la pagina …..

    Espero te sirva.

    Saludos

Deja tu comentario

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios no estén fuera tema, no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán eliminados. Recuerda que puedes usar nuestro foro para otros temas y preguntas.

  • Templates Blogger
  • Aplicaciones web 2.0
  • Foro para Bloggers

Categorías

  • Adsense
  • Blogandweb
  • Blogger
  • Blogs
  • Brushes
  • CSS
  • Diseño
  • Dominios
  • Firefox
  • Fuentes
  • Geek
  • HTML
  • Iconos
  • Javascript
  • Logos
  • México
  • Notas rápidas
  • Photoshop
  • PHP
  • Plantillas Blogger
  • Plugins
  • Productos Google
  • Recursos en linea
  • SEO
  • Software
  • Themes
  • Tutoriales
  • Web 2.0
  • Widgets para Blogger
  • Wordpress

Patrocinadores

  • Anúnciate aquí
  • Foros del Blog
  • Web a 2.0
  • BTemplates
  • Zona Chrome
  • Ser Turista
  • Blog ingeniería

Blogroll

  • Infected-FX
  • Blogmundi
  • Zona Cerebral
  • Sigt
  • Loogic
  • Blog en serio
  • Isopixel
  • Vecindad Gráfica

Entradas Recientes

  • Redireccionar el feed de Wordpress a Feedburner
  • Iconos Wordpress
  • Iconos Blogger (Blogspot)
  • Recibe una alerta cuando tu sitio esté caído
  • Analisis: MundoTatuajes

Comentarios Recientes

  • Francisco en Iconos Wordpress
  • Los Blogos » (AdSense) Dime cuanto ganaste los últimos 2 años y te diré cuanto podrías esperar los próximos 7 en Escribe en Blog and Web
  • soyregatas en Recibir donaciones en Blogger
  • soyregatas en Recibir donaciones en Blogger
  • Francisco en Redireccionar el feed de Wordpress a Feedburner

Archivos

  • Diciembre 2008
  • Noviembre 2008
  • Octubre 2008
  • Septiembre 2008
  • Agosto 2008
  • Julio 2008
  • Junio 2008
  • Mayo 2008
  • Abril 2008
  • Marzo 2008
  • Febrero 2008
  • Enero 2008
  • Diciembre 2007
  • Noviembre 2007
  • Octubre 2007
  • Septiembre 2007
  • Agosto 2007
  • Julio 2007
  • Junio 2007
  • Mayo 2007
  • Abril 2007
  • Marzo 2007
  • Febrero 2007

©2008 Blog and Web - Bajo WordPress. Diseño basado en grindlite.
Condiciones de uso | Política de privacidad