| Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS | ||||
|
¿Cómo puedo hacer para tener un botón en una página web que, pulsándolo, imprima dicha página web?
La FAQ Botón Javascript para Imprimir página web tiene Pertenece a la categoría:
Comentarios de los visitantes
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 página sin que salga el botón "imprimir", éste debería abrir una nueva ventana con la misma página pero sin el botón, y el evento window.print() al abrirse la nueva ventana.
El botón "imprimir" sería: <input type="button" value="IMPRIMIR" onclick="javascript:window.open('paginaImpre.htm', 'noimporta', 'width=300, height=300, scrollbars=NO')"> (los parámetros de la página, ancho y alto no importan si el objetivo es sólo la impresión) Y paginaImpre.htm sería igual a la primera pero eliminando el botón de impresión y 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 verían.
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 parámetro media como "print".
Comentario de CPSC
10/8/05
Tengo una página asp con menus y botones en la barra superior, que recibe y envía parámetros con el FORM y que muestra un listado. Necesito imprimir ese listado, pero que no me aparezcan los botones. Si lo envio a otra página no puedo hacer el 'submit'; si bien puedo ocultar la barra de botones antes del windos.print y luego ponerla visible de nuevo, el método 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
También 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 impresión...
Comentario de Freddy Saez
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 función se debe definir la siguiente declaración en la página que incluirá la función de impresión: ... <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 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' } Cualquier duda que tengas no dudes en escribirme, creo que aqui aparece mi correo, sino, es danyruano@gmail.com Comentario de sandra
28/2/07
muchas gracias sergi. tu solución sobre como imprimir una parte de la pagina sin que se imprima lo demás me ha ido muy bien
Para ver más FAQ relacionadas accede a las categorías: |
|
||||||||||||||||
| Complementar la respuesta | |
| Volver al árbol de categorías |
| DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia | ||||