consulta imprimir en JS sin el vinculo de impresion

mariosequeda · #1 (**permalink**) 07/01/2009, 12:37

Saludos amigos resulta que necesito imprimir una factura y mi aplicacion lo hace de forma correcta pero tambien me imprime el vinculo que dice imprimir factura, como puedo hacer para realizar dicha impresion sin que se muestre dicho vinculo, de antemano gracias por su colaboracion.

Código HTML:

<a href="javascript:window.print();">Imprimir Factura</a>

David · #2 (**permalink**) 07/01/2009, 12:40

Puedes usar una hoja de estilos con media "print" para ocultar ese enlace únicamente (y todos los demás elementos que no quieres imprimir).

Hay mucha información al respecto, por ejemplo: http://sigt.net/archivo/plantillas-c...consejos.xhtml

JavierB · #3 (**permalink**) 07/01/2009, 12:40

Hola mariosequeda

Puedes ocultarlo con Css:

Código css:

Ver original<stle type="texgt/css" media="print">
.oculto {display:none}
</style>

Código html:

Ver original<a class="oculto" ...

Mensaje movido al foro de Css desde Javascript.

Edito: cuanto tiempo sin chocar David

Saludos,

mariosequeda · #4 (**permalink**) 07/01/2009, 12:42

gracias a todos por su colaboracion

mariosequeda · #5 (**permalink**) 07/01/2009, 12:51

amigos este es el codigo que utilizo para imprimir por medio de css pero la verdad no se que tendria que agregar para evitar imprimir el hipervinculo la verdad es que apenas estoy comenzando a trabajar con css espero me tengan algo de paciencia y me den una mano, gracias de nuevo

Código:

BODY {
   font: 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
   margin: 10 0 10 0px;
   text-align: center;
    background-color: #ffffff;
}
#contenedor{
    text-align: left;
    width: 600px;
    margin: auto;
}
#cabecera{
   visibility:hidden;
   display: none;
}

#logo{
   visibility:visible;
   display: block;
   margin-left: 20px;
}

#cuerpo{
    margin: 10 0 10 0px;
}
#lateral{
   visibility:hidden;
   display: none;
}

#pie{
    background-color: #cccccc;
    padding: 3 10 3 10px;
    text-align:right;
   clear: both;
}

#principal{
    visibility:hidden;
    background-color: #ffffff;
    padding: 0 0 0 20px;
    width: 600px;
    float: left;
}

#principal table{
   background-color: #ffffff;
    width: 600px;
   border: 2px solid #cccccc;
   font-size:10pt;
}

Mikmoro · #6 (**permalink**) 07/01/2009, 12:54

El asunto no está en esa CSS, sino en tu HTML y que debes hacer una hoja para impresión (a no ser que esa ya lo sea y esté correctamente enlazada en el head del HTML). Muestra la cabecera de tu HTML para poder ayudarte.

David · #7 (**permalink**) 07/01/2009, 12:58

Cita:

Iniciado por JavierB

Código css:

Ver original<stle type="texgt/css" media="print">

Cita:

Iniciado por JavierB

Edito: cuanto tiempo sin chocar David

Sí, sólo me conecté para sentir nuevamente el gusto de chocar contigo

.

Saludos

.

P.S.: mariosequeda, fíjate que JavierB te ha puesto cómo debes hacer, no es en la misma hoja de estilos "normal", sino una hoja de estilos para impresión (media "print"), dónde lo único que debes hacer es ocultar (display: none) ese elemento que no quieres imprimir.

rockasvivas · #8 (**permalink**) 26/01/2009, 15:52

Opino que debemos referenciarle a mariosequeda cómo debe estar enlazada la hoja de estilos desde la cabecera, tal como lo dice Mikmoro:

Código PHP:

  <head>

         <link type="text/css" rel="stylesheet" href="imprimir.css"  media="print"></LINK>

       

</head>

Aresillo · #9 (**permalink**) 26/01/2009, 17:25

Yo creo que si sólo es eso igual sólo tiene que ponerlo en el head y no enlazarlo a un css externo... pasa el validador, lo que no sé es si pasa accesibilidad de esta manera...
Siendo solamente eso mejor lo que indicaba JavierB antes...
[CODE=css]
<style type="texgt/css" media="print">

.oculto {display:none}
</style>[/CODE]

en el head y esta clase al vinculo:
<a class="oculto" ...

Ares