JQuery - no puedo imprimir con jquery

 
Vista:
Imágen de perfil de Abelardo

no puedo imprimir con jquery

Publicado por Abelardo (1 intervención) el 02/12/2015 22:38:21
Estimados,

al intentar imprimir una pagina en asp intento imprimir la pagina con una funcion de jquery
al no darle estilos funcion genial pero al momento de darle estilos con css no funciona
Alguien sabe cual es el problema del conflicto o en ultimo caso otra funcion para imprimir pdf

les dejo el codigo


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
 
<!DOCTYPE html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="StyleSheet.css" rel="stylesheet" />
<title></title>
</head>
<body>
<form id="form1" runat="server">
 
<h1>Imprimir un &aacute;rea determinada del documento con jQuery</h1>
<div class="print">
<table>
<tr>
<td valign="top">
<asp:Label ID="lbl_ctas" runat="server" Text="Cuenta Corriente" CssClass="text-muted"></asp:Label>
</td>
 
<td valign="top" colspan="3">
<asp:GridView ID="grv_ctas" runat="server" CssClass="tbgrilla2">
</asp:GridView>
</td>
</tr>
</table>
</div>
 
 
<p>
<input type="button" class="printer" value="Imprimir"></p>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="print.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".printer").bind("click", function () {
$('.print').printArea();
});
});
</script>
 
</form>
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve
Val: 302
Oro
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

no puedo imprimir con jquery

Publicado por xve (673 intervenciones) el 03/12/2015 08:26:05
Hola Abelardo, recuerda que para imprimir hay unos estilos diferentes, y tienes que indicar que los estilos son unicamente para cuando se imprima...

Puedes hacerlo de dos maneras...

1.- creando un archivo unico para imprimir, y al incluirlo, indicar que es para imprimir:
1
<link rel="stylesheet" href="print-style.css" type="text/css" media="print">

2.- indicarlos en el contenido de tu archivo css:
1
2
3
@media print {
    /* los estilos de aqui, unicamente se utilizan para imprimir */
}

Con esto solucionas tu problema?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar