Foros del Web » Creando para Internet » Diseño web »

Boton impresion imagen

Estas en el tema de Boton impresion imagen en el foro de Diseño web en Foros del Web. Hola! Supongamos que tengo varios productos en una web, descritos como oferta cada uno de ellos con una imagen, y que la imagen de ellos ...
  #1 (permalink)  
Antiguo 19/02/2010, 11:57
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Pregunta Boton impresion imagen

Hola!

Supongamos que tengo varios productos en una web, descritos como oferta cada uno de ellos con una imagen, y que la imagen de ellos al imprimirla y presentarla en un local, vale por un descuento adquirido en la web.

Mi pregunta es, como hacer para poner un boton (con un icono de una impresora o algo) para poder imprimir solo esa imagen para poder imprimir el vale descuento?

Y lo mismo imprimiendo como segunda opcion en PDF?

Un saludo!Y muchas gracias!

  #2 (permalink)  
Antiguo 19/02/2010, 12:08
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: Boton impresion imagen

puedes hacer 2 cosas:
1 - javascript: abrir la imagen con un popup y ejecutar window.print();

2 - php: usar fPDF para genera un pdf con la imágen
  #3 (permalink)  
Antiguo 19/02/2010, 12:16
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: Boton impresion imagen

Hola NaRanJiTo78

Puedes crear un Css sólo para impresión (media="print") que oculte todos los elementos de la página, menos la foto.

Saludos,
  #4 (permalink)  
Antiguo 19/02/2010, 12:19
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: Boton impresion imagen

lo había pensado como dice JavierB, pero como puede tener varias imágenes en la misma pagina la cosa en css se complica (a menos que lo establezca dinámicamente con javascript className), de todas formas lo del popup puede omitirse con un iframe oculto tambien
  #5 (permalink)  
Antiguo 23/02/2010, 06:54
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Pregunta Respuesta: Boton impresion imagen

Cita:
Iniciado por JavierB Ver Mensaje
Hola NaRanJiTo78

Puedes crear un Css sólo para impresión (media="print") que oculte todos los elementos de la página, menos la foto.

Saludos,
Si he creado un directorio en el servidor donde se alojan solo las fotos, ej: www.midominio.com/descuento/vale_descuento.jpg ;

Como conseguir mediante CSS que lo imprima directamente? (O que salga una ventanita emergente)

Es decir, que no tenga el usuario que dar a "Imprimir..." desde el menu archivo.

Es posible con Css o tengo que recurrir a php o javascript?

Un saludo
  #6 (permalink)  
Antiguo 23/02/2010, 12:00
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 10 años, 1 mes
Puntos: 10
Respuesta: Boton impresion imagen

Alguien me puede ayudar?
  #7 (permalink)  
Antiguo 23/02/2010, 16:00
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Boton impresion imagen

CSS es solo para dar estilos(algunas cosillas más se pueden pero no mucho) y no para funciones como esa, como ya te dijeron puedes usar javascript:

Cita:
1 - javascript: abrir la imagen con un popup y ejecutar window.print();
Saludos
__________________
Grupo Telegram Docker en Español

Etiquetas: impresion, botones
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 00:44.