Habitualmente las p\u00e1ginas que construimos no s\u00f3lo contienen la informaci\u00f3n que deseamos publicar, sino que \u00e9sta es acompa\u00f1ada por men\u00fas, barras de publicidad, \u00edndice de secciones, im\u00e1genes…etc. Y adem\u00e1s queremos ofrecer a los visitantes la posibilidad de imprimir s\u00f3lo lo que es contenido. Imag\u00ednate una web de cocina en la que quieres ofrecer al visitante la posibilidad de imprimir s\u00f3lo la receta, sin las barras de navegaci\u00f3n, im\u00e1genes, etc. El m\u00e9todo window.print( ) a secas no nos sirve, porque imprime la p\u00e1gina completa si antes no hacemos una selecci\u00f3n con el rat\u00f3n. \u00bfPodr\u00eda el Javascript ayudarnos en esta tarea?<\/p>\n
La soluci\u00f3n para lograr esto necesita que al dise\u00f1ar la p\u00e1gina preveamos que parte de su contenido vamos a ofrecer a nuestros visitantes para imprimir. Esta parte la colocamos en un elemento de bloque HTML con un atributo id, lo m\u00e1s simple es colocarla dentro de un bloque DIV. De esta forma tenemos localizada la parte de la p\u00e1gina que queremos que se imprima. Luego usaremos un bot\u00f3n o un enlace para llamar a una funci\u00f3n que abra una ventana nueva. En esta ventana se escribe el contenido del objeto correspondiente al bloque DIV, o sea, lo que deba imprimirse. Una vez hecho esto s\u00f3lo queda llamar al m\u00e9todo print de la nueva ventana.<\/p>\n
Lo veremos m\u00e1s claro mediante un ejemplo:<\/p>\n
Dentro de la etiqueta <body> podr\u00edamos tener algo como esto:<\/p>\n
<div id=\"seleccion\">Este texto es lo que se imprimir\u00e1 cuando se pulse el enlace.<\/div><\/pre>\nY adem\u00e1s, deberemos tener por alg\u00fan otro lugar el link que imprimir\u00e1:<\/p>\n
<a href=\"javascript:imprSelec('seleccion')\" >Imprimir texto<\/a><\/pre>\nY por \u00faltimo, necesitaremos poner dentro del <head> la siguiente funci\u00f3n js:<\/p>\n
<script language=\"Javascript\">\r\n\tfunction imprSelec(nombre) {\r\n\t var ficha = document.getElementById(nombre);\r\n\t var ventimp = window.open(' ', 'popimpr');\r\n\t ventimp.document.write( ficha.innerHTML );\r\n\t ventimp.document.close();\r\n\t ventimp.print( );\r\n\t ventimp.close();\r\n\t}\r\n\t<\/script><\/pre>\n