Foros del Web » Creando para Internet » CSS »

consulta imprimir en JS sin el vinculo de impresion

Estas en el tema de consulta imprimir en JS sin el vinculo de impresion en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/01/2009, 12:37
 
Fecha de Ingreso: noviembre-2008
Ubicación: En algún lugar del disco duro.
Mensajes: 95
Antigüedad: 9 años, 1 mes
Puntos: 0
Pregunta consulta imprimir en JS sin el vinculo de impresion

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> 
  #2 (permalink)  
Antiguo 07/01/2009, 12:40
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: consulta imprimir en JS sin el vinculo de impresion

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
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 07/01/2009, 12:40
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: consulta imprimir en JS sin el vinculo de impresion

Hola mariosequeda

Puedes ocultarlo con Css:

Código css:
Ver original
  1. <stle type="texgt/css" media="print">
  2. .oculto {display:none}
  3. </style>

Código html:
Ver original
  1. <a class="oculto" ...

Mensaje movido al foro de Css desde Javascript.

Edito: cuanto tiempo sin chocar David

Saludos,
  #4 (permalink)  
Antiguo 07/01/2009, 12:42
 
Fecha de Ingreso: noviembre-2008
Ubicación: En algún lugar del disco duro.
Mensajes: 95
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: consulta imprimir en JS sin el vinculo de impresion

gracias a todos por su colaboracion
  #5 (permalink)  
Antiguo 07/01/2009, 12:51
 
Fecha de Ingreso: noviembre-2008
Ubicación: En algún lugar del disco duro.
Mensajes: 95
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: consulta imprimir en JS sin el vinculo de impresion

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;
}
  #6 (permalink)  
Antiguo 07/01/2009, 12:54
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: consulta imprimir en JS sin el vinculo de impresion

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.
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 07/01/2009, 12:58
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: consulta imprimir en JS sin el vinculo de impresion

Cita:
Iniciado por JavierB Ver Mensaje
Código css:
Ver original
  1. <stle type="texgt/css" media="print">

Cita:
Iniciado por JavierB Ver Mensaje
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.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #8 (permalink)  
Antiguo 26/01/2009, 15:52
Avatar de rockasvivas  
Fecha de Ingreso: julio-2008
Mensajes: 16
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: consulta imprimir en JS sin el vinculo de impresion

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

Última edición por rockasvivas; 26/01/2009 a las 15:57
  #9 (permalink)  
Antiguo 26/01/2009, 17:25
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: consulta imprimir en JS sin el vinculo de impresion

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
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:56.