Sei sulla pagina 1di 4

Botn Javascript para Imprimir pgina web

Botn Javascript para Imprimir pgina web


Respuesta de Miguel Angel Alvarez
20/7/02
Tu respuesta es bastante simple. Debes hacerlo con Javascript, utilizando el mtodo
print del objeto window.
window.print()
Si lo deseas vincular a la pulsacin de un botn quedera as:
<input type="button" name="imprimir" value="Imprimir" onclick="window.print();">
Recuerda que los botones son elementos de formulario y, por tanto, necesitan
escribirse entre las etiquetas <form> y </form>.

Comentario de Jaime
03/12/03
En realidad, los botones, pese a ser elementos de formulario, no necesitan ser
incluidos dentro de las etiquetas FORM, estas etiquetas pueden ser omitidas lo que
produciria que dentro del formulario si es que existe, el boton estaria excluido
Comentario de LorDuncan
30/9/04
y que tal si continuo con la pregunta?
Y si no quiero que salga el boton o link, impreso en la hoja?
Comentario de Edgar Vega Br.
29/11/04
... lo de los forms es cierto, no tenes necesidad de crear objetos de formularios dentro
de las etiquetas <form></form>.
Si es obligado cuando vas a enviar variables de un .asp a otro ...
Adios
Comentario de Pablo
18/4/05
Para imprimir la pgina sin que salga el botn "imprimir", ste debera abrir una nueva
ventana con la misma pgina pero sin el botn, y el evento window.print() al abrirse la
nueva ventana.
El botn "imprimir" sera:
<input type="button" value="IMPRIMIR"
onclick="javascript:window.open('paginaImpre.htm', 'noimporta', 'width=300,
height=300, scrollbars=NO')">
(los parmetros de la pgina, ancho y alto no importan si el objetivo es slo la
impresin)
Y paginaImpre.htm sera igual a la primera pero eliminando el botn de impresin y

MCT Luis Dueas

Pag 1 de 4

Botn Javascript para Imprimir pgina web


agregando en el body:
<BODY onload="window.print()">
Comentario de Miguel Angel Alvarez
18/4/05
No es necesario incluir las etiquetas <FORM> y </FORM> en muchos navegadores.
Pero existen algunos navegadores donde es necesario incluiirlas, pues si no, los
campos del formulario no se veran.
Por ejemplo, necesitamos incluirlas de manera forzosa en versiones antiguas de
Netscape. Pero el caso es que, como algunos navegadores las necesitan, lo mejor es
incluirlas siempre para que nunca haya lugar a errores.
Comentario de Ricardo Arce
02/6/05
Para imprimir sin que aparezca el boton imprimir, no hace falta abrir una pagina nueva,
sino que se pueden utilizar hojas de estilo .css, y hacer un estilo que sea invisible a la
impresora. En el .htm que hace include del nuevo .css se especifica el parmetro
media como "print".
Comentario de CPSC
10/8/05
Tengo una pgina asp con menus y botones en la barra superior, que recibe y enva
parmetros con el FORM y que muestra un listado. Necesito imprimir ese listado, pero
que no me aparezcan los botones. Si lo envio a otra pgina no puedo hacer el 'submit';
si bien puedo ocultar la barra de botones antes del windos.print y luego ponerla visible
de nuevo, el mtodo es poco elegante y al usuario no le gusta. Alguna sugerencia?
Comentario de Sergi
19/9/05
PAra imprimir sin q salgan los botones. lo suyo es utilizar etiquetas div.
<script language="JavaScript">
function doPrint(){
document.all.item("noprint").style.visibility='hidden'
window.print()
document.all.item("noprint").style.visibility='visible'
}
</script>
<form....>
...todo lo de aki se imprimira....
<div id=noprint>
...todo lo de aqui no se imprimira
</div>
</form>
Comentario de Rafael
24/9/05
Tambin para que no te aparezca el boton, lo que puedes hacer es que la parte que
quieres que se imprima la pondgas entre <span></span> o <div></div> y el resto en
otras <span></span> y al momento de que mandas a imprimir, antes de invocar el
print, ocultes los span que no necesitas que se vena involucrados en la impresin...
Comentario de Freddy Saez

MCT Luis Dueas

Pag 2 de 4

Botn Javascript para Imprimir pgina web


21/3/06
Para imprimir sin INPUT's se debe hacer lo siguiente:
function doPrint(theForm) {
var i;
for(i=0; i<theForm.elements.length ; i++) {
// Agregar en esta lista de condiciones
// todos aquellos tipos de Input que se quieren ocultar
if( (theForm.elements[i].type == "submit") ||
(theForm.elements[i].type == "reset") ||
(theForm.elements[i].type == "button") )
theForm.elements[i].style.visibility = 'hidden';
}
window.print();
for(i=0; i<theForm.elements.length ; i++) {
if( (theForm.elements[i].type == "submit") ||
(theForm.elements[i].type == "reset") ||
(theForm.elements[i].type == "button") )
theForm.elements[i].style.visibility = 'visible';
}
}
Para utilizar esta funcin se debe definir
la siguiente declaracin en la pgina que incluir la
funcin de impresin: ...
<input type="button" value="Imprimir" name="cmdPrint"
onclick="doPrint(this.form);"
Espero les sirva!!
Comentario de Teresa
18/5/06
lo que debes es usar un estilo para imprimir y otro para visualizar por pantalla el estilo
imprimir podrias colocarle a el enlace imprimir las siguientes caracteristicas
imprimir.css
.imagen {
height: 0;
width: 0;
position: absolute;
}
normal.css
.imagen {
height: 10;
width: 10;
position: absolute;
}
en tu informe debes llamar a los dos estilos de esta forma
<link href="estilos/estilos.css" rel="stylesheet" type="text/css" media="screen" >
<link rel="stylesheet" type="text/css" href="estilos/impresion.css" media="print" >
y eso se todo

MCT Luis Dueas

Pag 3 de 4

Botn Javascript para Imprimir pgina web


Comentario de Manuel Fernandez
29/5/06
Para imprimir sin que salgan los botones de imprimir se coloca el sieguiente codigo:
<script>
function window.onbeforeprint(){
noprint.style.visibility = 'hidden';
noprint.style.position = 'absolute';
}
function window.onafterprint(){
noprint.style.visibility = 'visible';
noprint.style.position = 'relative';
}
</script>
<table>
<tr>
<td id="noprint">
<input name="imprimir" type="button" onClick="window.print();" value="Imprimir">
</td>
</tr>
</table>
Comentario de Danilo Ruano
09/8/06
Para imprimir la pagina sin que aparezca el boton imprimir, no es necesario abrir otra
ventana, puede estar el boton en la misma ventana, pero yo hago lo siguiente: mando
a llamar una funcion en JavaScript y en esa funcion esta el truco:
<input name="btnImprimir" id="btnImprimir" type="button" class="button"
value="Imprimir" onClick="imprime()">
Y el codigo de la funcion imprime() es:
function imprime(){
//desaparece el boton
document.getElementById("btnImprimir").style.display='none'
//se imprime la pagina
window.print()
//reaparece el boton
document.getElementById("btnImprimir").style.display='inline'
}

MCT Luis Dueas

Pag 4 de 4

Potrebbero piacerti anche