HTML - Crear PDF desde HTML

   
Vista:

Crear PDF desde HTML

Publicado por Aitor (1 intervención) el 09/05/2014 19:57:50
Hola, Soy nuevo en el foro asique en primer lugar me presento. Me llamo Aitor y soy de Madrid, Encantado!!

Intentaré ir al grano, porque no se como explicarme demasiado bien.

Veamos... Me han encargado en el trabajo que haga un programilla sencillo para gestionar documentos de incidencias. Controlo algo de HTML, asi que he decidido usarlo para hacer el programa, ya que los de mi curro son un poco catetillos con la informatica y me parecia que hacer el documento de incidencia mediante formulario a rellenar era lo mas simple del mundo para que lo hagan bien.

Dicho esto, mi jefe me ha comentado que seria imprescindible pasar ese documento de HTML a PDF, pero no se como puñetas hacerlo... Tampoco soy un virtuoso del Lenguaje de Marcas asi que no me sale nada de lo que he intentado para esto. Lo he intentado con PHP y FPDF y DOMPDF, y no hay forma de generarlo. Os copio mi codigo y si podeis modificarmelo para que me genere un PDF exactamente igual que lo que aparece en la web.
Gracias de antemano!!


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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
 
 
<html style="scroll:auto;">
 
<head>
<title></title>
<script>
function sumar() {
var n1 = parseInt(document.MyForm.numero1.value);
var n2 = parseInt(document.MyForm.numero2.value);
document.MyForm.resultado.value=n1+n2;
}
</script>
 
</head>
<body>
 
<table style="border:4px solid black;border-collapse:collapse;">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td><b>Nº Incidencia:</b></td>
<td><b>2141242</b></td>
</tr>
</table>
<br>
<br>
 
<table style=" border-collapse:collapse;width:595px; height:100%; text-align:center;" >
<tr style= "border:2px solid black;">
	<tr>
	<td style="border:2px solid black;"><b>Originador:</b></td>
	<td colspan=6; style="border:2px solid black;"><input type=text; style="width:98%;"></td>
	<td style="border:2px solid black;"><b>Fecha Incidencia</b></td>
	<td style="border:2px solid black;"><input type=text></td>
	</tr>
 
<tr>
	<td style="border:2px solid black;"><b>OT:</b></td>
	<td style="border:2px solid black;"><input type=text></td>
	<td style="border:2px solid black;"><b>Titulo</b></td>
	<td colspan=6; style="border:2px solid black;"><input type=text; style="width:98%;"></td>
	</tr>
 
<tr>
 
	<td style="border:2px solid black;"><b>Fecha Trabajo</b></td>
	<td style="border:2px solid black;"><input type=text></td>
	<td style="border:2px solid black;"><b>Nº Factura</b></td>
	<td colspan=4; style="border:2px solid black;"><input type=text style="width:96%;"></td>
	<td style="border:2px solid black;"><b>Fecha Factura</b></td>
	<td style="border:2px solid black;"><input type=text></td>
	</tr>
 
<tr>
	<td style="border:2px solid black;"><b>Cliente:</b></td>
	<td colspan=6; style="border:2px solid black;"><textarea style="width: 98%;resize:none";></textarea></td>
	<td style="border:2px solid black;"><b>Codigo</b></td>
	<td style="border:2px solid black;"><input type=text></td>
	</tr>
 
<tr>
	<td colspan=2; style="border:2px solid black; text-align:left;"><b>Identificacion de incidencia:</b></td>
	<td colspan=7; style="border:2px solid black;"><textarea style="width: 98%; resize:none";></textarea></td>
	</tr>
 
<tr>
	<td colspan=9; style= "text-align:left;"><b>Descripcion de la incidencia:</b>
 
</td>
 
</tr>
<tr>
	<td colspan=9;><textarea   style="width: 98%; resize:none; height:325px;"></textarea></td>
	</tr>
 
	<tr style="border:2px solid black;">
	<td  style="text-align:left;"><b>Responsabilidad:</b></td>
	<td colspan=2;><input type="checkbox" name=myradio1 value="1">Cliente</td>
	<td colspan=3;><input type="checkbox" name=myradio2 value="2">Litofinter</td>
	<td colspan=4; style="text-align:center;"><input type="checkbox" name=myradio3 value="3">Proveedor</td>
	</tr>
	<form name="MyForm">
	<tr style="border:none;">
	<td colspan=4; style="text-align:left;"><b>Coste:</b></td>
	<td  style="text-align:left;"><b>Valoraciones:</b></td>
	<tr>
	<td colspan=4; style="text-align:center; "><input type="radio" name=myradio4 value="4">Estimado</td>
	<td colspan=4;style="text-align:right;"><b>V.Externo</b><input type="text" name="numero1" size="20"></td>
	</tr>
	<tr>
	<td colspan=4; style="text-align:center-left;"><input type="radio" name=myradio4 value="5">Cierto</td>
	<td colspan=4;style="align:right;"><b>V.Añadido</b><input type="text" name="numero2" size="20"></td>
	<td rowspan=3; style="vertical-align:top;"><input type="button" value="Sumar" onclick="sumar()">
	</td>
	</tr>
	<tr>
	<td colspan=3; style="text-align:center; "><input type="radio" name=myradio4 value="6">Pendiente</td>
	<td colspan=6;  style="text-align:left; padding-left:0;"><b>V.Comercial<input type="text" name="resultado"></b></td>
	</form>
	</tr>
 
	<tr style="border-top:2px solid black;">
	<td style="text-align:left;"><b>Solucion:</b></td>
	<td style="text-align:left;"><input type="checkbox" name=myradio7 value="7">Abonar a Cliente</td>
	<td colspan=3; style="text-align:center;"><input type="checkbox" name=myradio8 value="8">Reimpresion</td>
	<td colspan=4; style="text-align:center;"><input type="checkbox" name=myradio9 value="9">Facturar a Cliente </td>
	</tr>
	<tr>
 
	<td colspan=4; style="text-align:center;"><input type="checkbox" name=myradio10 value="10">Facturar a Proveedor</td>
 
	<td colspan=4 style="text-align: center;"><input type="checkbox" name=myradio11 value="11">Otros (Describir)
	</td>
	</tr>
 
	<tr >
	<td colspan=9;style="border-right:2px solid black;"><textarea style="width: 98%;resize:none";></textarea></td>
	</tr>
 
	<tr style="border:2px solid black;">
	<td colspan=4>Originador
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	</td>
 
 
	<td colspan=6; style="text-align:left;">Aprobacion Direccion General
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	</td>
	</tr>
</tr>
 
<tr>
<td colspan=9; style="text-align:right"><h6>Documento de Incidencias V2.0</h6></td>
</tr>
 
<tr>
<td colspan=2; style="text-align:center"><form>
<input type="button" onclick="window.print()" value="Imprimir"></form></td>
<td colspan=3; style="text-align:center"><input type="BUTTON" name="boton_guarda" value="Guardar en disco" onclick="window.document.execCommand('SaveAs')"></td>
<td colspan=4; style="text-align:center"><input type="button" value="Generar PDF" onclick="Generar PDF()"></td>
</tr>
</table>
</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

Crear PDF desde HTML

Publicado por Martha (88 intervenciones) el 12/05/2014 21:46:39
Quizá lo más apropiado es que hagas un formulario pdf con Adobe Acrobat.

Te puedes bajar una demo de 30 dias y ya lo haces directamente en pdf. Queda muy limpio, y ya en pdf.

En cuanto al diseño, te queda muy bien la primera parte.

Pero deberías usar botones de opción en lugar de checkboxes en la parte que llamas Solución, ya que dejas que el usuario pulse mas de un check box como solución, lo cual es contraproducente: No puedes facturar y abonar al cliente a la vez
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de xve

Crear PDF desde HTML

Publicado por xve (1178 intervenciones) el 13/05/2014 08:51:58
Hola Aitor, no se que sistema operativo utilizas, pero si utilizas Linux, puedes utilizar la aplicación webkit2pdf http://webkit2pdf.sourceforge.net/, el cual te analiza la web con webkit y te lo exporta a pdf. Es una herramienta excelente!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Crear PDF desde HTML

Publicado por centaurux (8 intervenciones) el 13/05/2014 20:26:45
Hola Aitor,

Otra opcion es crear codigo php y generar su pdf desde ahi. hay que darle talacha no es como el webkit2pdf como mencioa xve, pero si desea agrandar sus conocimientos adelante ;)

le dejo esta liga por si se anima.

http://programarenphp.wordpress.com/2011/01/11/creando-documentos-pdf-con-php-facilmente/

Saludos

centaurux
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar