Foros del Web » Programando para Internet » Javascript »

cargar un pdf con un javascript

Estas en el tema de cargar un pdf con un javascript en el foro de Javascript en Foros del Web. hola buenas tardes, necesito me ayuden a resolver una situacion. no se como hacer esto. y necesito un aporte o algo qm ayude... Tengo una ...
  #1 (permalink)  
Antiguo 11/07/2012, 10:49
 
Fecha de Ingreso: junio-2012
Ubicación: maracaibo
Mensajes: 36
Antigüedad: 11 años, 11 meses
Puntos: 0
cargar un pdf con un javascript

hola buenas tardes, necesito me ayuden a resolver una situacion. no se como hacer esto. y necesito un aporte o algo qm ayude...

Tengo una lista de profesores que realizaron un curso, los tengo guardado en una base de datos. y tengo una plantilla de certificacion en un pdf que es el formato donde se coloca el nombre del profesor y de hay sale la certificacion que se le entrega.. eso lo quiero hacer de manera dentro de la pagina web...
necesito una idea de como puedo hacer esto. me dijeron que con javascript, pero noc como... si alguien me entiende y me pueda ayudar. xfa..
  #2 (permalink)  
Antiguo 11/07/2012, 11:18
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: cargar un pdf con un javascript

Cita:
Iniciado por emiiangela Ver Mensaje
hola buenas tardes, necesito me ayuden a resolver una situacion. no se como hacer esto. y necesito un aporte o algo qm ayude...

Tengo una lista de profesores que realizaron un curso, los tengo guardado en una base de datos. y tengo una plantilla de certificacion en un pdf que es el formato donde se coloca el nombre del profesor y de hay sale la certificacion que se le entrega.. eso lo quiero hacer de manera dentro de la pagina web...
necesito una idea de como puedo hacer esto. me dijeron que con javascript, pero noc como... si alguien me entiende y me pueda ayudar. xfa..
@emiiangela

tenes una lista de profesores en la base de datos -->ok
tenes un pdf con el nombre del profesor --> ok

y de hay sale la certificacion que se le entrega.. eso lo quiero hacer de manera dentro de la pagina web... --> no se entiende en absoluto


Espplicate mejor por favor, saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Última edición por emprear; 12/07/2012 a las 09:48
  #3 (permalink)  
Antiguo 12/07/2012, 04:28
 
Fecha de Ingreso: marzo-2012
Ubicación: Madrid
Mensajes: 74
Antigüedad: 12 años, 2 meses
Puntos: 12
Respuesta: cargar un pdf con un javascript

Hasta donde yo se, javascript no puede acceder una base de datos.
Hasta donde yo se, javascript no puede modificar/crear/etc un pdf.


Creo que quien te dijo que lo hiceras con javascript no te oriento bien.


Una pagina web puede proporcionar acceso a la creacion o descarga de PDFs. Pero porque en el servidor aloja o crea los PDFs, y la creacion la hace con otro lenguaje de programacion, no javascript.
  #4 (permalink)  
Antiguo 12/07/2012, 10:24
 
Fecha de Ingreso: junio-2012
Ubicación: maracaibo
Mensajes: 36
Antigüedad: 11 años, 11 meses
Puntos: 0
Respuesta: cargar un pdf con un javascript

me explico mejor, lo que necesito hacer es que al finalizar el curso, gerenerar la certificacion a los docentes.. para eso prrimero jalare los nombres de la base de datos.
hice esto ,pero noce si sera recomendable ya que una certificacion debe ser mas segura a la hora de generarla.


Código PHP:
Ver original
  1. <?php
  2. require_once('Connections/moodle1.php');
  3. $consultar = "SELECT name FROM mdl_user_info_category ORDER BY name ASC";
  4. $query = mysql_query($consultar) or die(mysql_error());
  5. $total_reg = mysql_num_rows($query );
  6. if($total_reg >0){
  7. ?>
  8.  
  9.  
  10.  
  11. <table width="30%" height="71"  border="1" align="center">
  12.   <tr>
  13.     <th height="29" scope="col">Nombre del profesor </th>
  14.     <th scope="col">Aprobado</th>
  15.     <th scope="col"> Generar Certificacion </th>
  16.   </tr>
  17.   <?php
  18. while($result=mysql_fetch_array($query )){
  19. ?>
  20.   <tr>
  21.     <td><?php echo $result['name'] ?></td>
  22.     <td><form name="form1" method="post" action="">
  23.       <div align="center">
  24.         <input name="radiobutton" type="radio" value="radiobutton">
  25.       </div>
  26.     </form></td>
  27.     <td><form name="form2" method="post" action="">
  28.       <div align="center">
  29.         <input type="submit" name="Submit" value="Generar">
  30.       </div>
  31.     </form></td>
  32.   </tr>
  33.   <?php
  34.   }
  35. }
  36. ?>
  37. </table>

este codigo me jalara todos los nombres al darle al boton generar, quiero que el mismo nombre que se encuentra en name, se coloque en la plantilla de certificacion en pdf q tengo (que es el formato que se imprimera y se entregara)... pero esa parte noc como hacerla, si tienen una idea o ejemplos lo que sea que me pueda ayudar, xfa..
  #5 (permalink)  
Antiguo 12/07/2012, 10:36
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: cargar un pdf con un javascript

Tampoco que da muy claro

se coloque en la plantilla de certificacion en pdf q tengo
Los pdf, los tenés o los querés generar?
Para generar desde php pdfs necesitas de alguna librería

http://www.fpdf.org/
http://www.tcpdf.org/

Y ya esto es para el foro de php
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #6 (permalink)  
Antiguo 12/07/2012, 12:40
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 12 años, 3 meses
Puntos: 57
Respuesta: cargar un pdf con un javascript

Hola emiiangela, que tal.

Si bien es cierto que con javascript se pueden crear documentos pdf, un ejemplo es la librería jsPDF, en este caso no apunta a la solución de tu problema.

Es importante que nos comentes en que lenguaje de programación de lado del servidor esta desarrollada tu aplicación web (php, asp, perl, python, javaee, etc) para poder guiarte a la solución respectiva. Por ejemplo para php hay una clase R&OS: pdf class que mediante métodos medianamente sencillos simplifica la creación de PDF's.
  #7 (permalink)  
Antiguo 16/07/2012, 06:23
 
Fecha de Ingreso: junio-2012
Ubicación: maracaibo
Mensajes: 36
Antigüedad: 11 años, 11 meses
Puntos: 0
Respuesta: cargar un pdf con un javascript

hola que tal, gracias por sus respuestas... no he podido encontrar la soluacion a mi problema... estoy trabajando en PHP, con dreamweaver..
  #8 (permalink)  
Antiguo 16/07/2012, 06:55
 
Fecha de Ingreso: junio-2012
Ubicación: maracaibo
Mensajes: 36
Antigüedad: 11 años, 11 meses
Puntos: 0
Respuesta: cargar un pdf con un javascript

donde puedo conseguir descargar esto pdfClassesAndFonts_009e.zip. xq el link que dejan para la descarga no me funciona... si alguien sabe xfavor.
  #9 (permalink)  
Antiguo 16/07/2012, 09:36
 
Fecha de Ingreso: junio-2012
Ubicación: maracaibo
Mensajes: 36
Antigüedad: 11 años, 11 meses
Puntos: 0
Respuesta: cargar un pdf con un javascript

hola de nuevo, ya consegui descarcar pdfClassesAndFonts_009e.zip.
hice un ejemplo..para crear el pdf...

pero tengo 2 problemas.
1. cunado creo el pdf, y le digo que image es la que utilizare no me lo muestra cuando se crea el pdf.

este es el codigo.
Código PHP:
Ver original
  1. <?PHP
  2. require_once('class.ezpdf.php');
  3. require_once('class.backgroundpdf.php');
  4. $pdf = new backgroundPDF('a4', 'portrait', 'image', array('img'=>'<img src="img/Logo telefono.php.png">'));
  5. $pdf->selectFont('Helvetica.afm');
  6. $pdf->ezText('Certificacion', 20);
  7. $pdf->ezText('', 12);
  8. $pdf->Write (7,$_POST['name']);
  9. $pdf->ezText('Ejemplo de PDF utilizando una imagen como Fondo.', 12);
  10. $pdf->ezStream();
  11.  
  12. ?>


2. necesito que el nombre que yo seleccine en esta pagina se incluya en el pdf para luego umprimirlo.

Código PHP:
Ver original
  1. <table width="30%" height="71"  border="1" align="center">
  2.   <tr>
  3.     <th height="29" scope="col">Nombre del profesor </th>
  4.     <th scope="col">Aprobado</th>
  5.     <th scope="col"> Generar Certificacion </th>
  6.   </tr>
  7.   <?php
  8. while($result=mysql_fetch_array($query )){
  9. ?>
  10.   <tr>
  11.     <td><?php echo $result['name'] ?></td>
  12.     <td><form name="form1" method="post" action="">
  13.       <div align="center">
  14.         <input name="radiobutton" type="radio" value="radiobutton">
  15.       </div>
  16.     </form></td>
  17.     <td><form name="form2" method="post" action="Certificacion_Detalle.php">
  18.       <div align="center">
  19.         <input type="submit" name="Submit" value="Generar">
  20.       </div>
  21.     </form></td>
  22.   </tr>
  23.   <?php
  24.   }
  25. }
  26. ?>
  27. </table>

la idea de esto es podeer imprimir un certificado... ayudenme porfa
  #10 (permalink)  
Antiguo 16/07/2012, 20:08
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 12 años, 3 meses
Puntos: 57
Información Respuesta: cargar un pdf con un javascript

Te dejo el manual de R&OS PDF Class y tambien su Home Page

En cuanto al diseño del certificado, el cual mencionas que lo tienes en un PDF, debes hacerla en una imagen o de lo contrario ingeniártelas para obtenerla como imagen y poder agregarla al pdf. Como se describe en el siguiente ejemplo: pdf con fondo.

Ahora para enviar el nombre, solo debes enviarlo desde un formulario por POST o GET. Ejemplo:
Código PHP :
Ver original
  1. <form name="frmDatos" method="post" action="certificado.php">
  2.     <input type="text" name="nombre_completo" value="<?php echo $nombre ?>">
  3.     <input type="submit" name="Submit" value="Generar Certificado">
  4. </form>

y lo envías hacia el .php que va a generar tu certificado.

Código PHP:
Ver original
  1. <?php
  2. require_once('class.ezpdf.php');
  3. require_once('class.backgroundpdf.php');
  4.  
  5. /*recibes el valor y ya puedes disponer de el*/
  6. $nombre = $_POST['nombre_completo'];
  7.  
  8. // las demás líneas ...
  9. $pdf->selectFont('Helvetica.afm');
  10. // ...
  11. ?>

Coméntanos tu progreso.

PD. El tema pertenece al foro de PHP espero que algún moderador lo traslade.

<!--EDITO-->
Si haz usado iReport, este tutorial puede ayudarte.
<!--/EDITO-->

Última edición por gebremswar; 16/07/2012 a las 20:17
  #11 (permalink)  
Antiguo 17/07/2012, 07:46
 
Fecha de Ingreso: junio-2012
Ubicación: maracaibo
Mensajes: 36
Antigüedad: 11 años, 11 meses
Puntos: 0
Respuesta: cargar un pdf con un javascript

HOLA gebremswar, me podrias ayudar, vi el ejemplo de la pagina quue me mencionaste, la aplique a lo que quiero, pero no me muestra la imagen con pdf.. el codigo asi como esta, me dice que el documento esta dañado y sale en blanco. me podrias ayudar con esto. si esde pasarme al foro de php como lo hago?.

Código PHP:
Ver original
  1. <?PHP
  2. require_once('class.ezpdf.php');
  3. require_once('class.backgroundpdf.php');
  4. $pdf = new backgroundPDF('a1', 'portrait', 'image', array('img'=>'img/sedluz3.jpg'));
  5. $pdf->selectFont('Helvetica.afm');
  6. $pdf->ezText('CERTIFICACION', 50);
  7. $pdf->ezText('', 12);
  8. $pdf->ezText('Ejemplo de PDF utilizando una imagen como Fondo.', 12);
  9. $pdf->ezStream();
  10. ?>
  #12 (permalink)  
Antiguo 17/07/2012, 09:59
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 12 años, 3 meses
Puntos: 57
Información Respuesta: cargar un pdf con un javascript

Cita:
Iniciado por emiiangela Ver Mensaje
HOLA gebremswar, me podrias ayudar, vi el ejemplo de la pagina quue me mencionaste, la aplique a lo que quiero, pero no me muestra la imagen con pdf.. el codigo asi como esta, me dice que el documento esta dañado y sale en blanco. me podrias ayudar con esto. si esde pasarme al foro de php como lo hago?.

Código PHP:
Ver original
  1. <?PHP
  2. require_once('class.ezpdf.php');
  3. require_once('class.backgroundpdf.php');
  4. $pdf = new backgroundPDF('a1', 'portrait', 'image', array('img'=>'img/sedluz3.jpg'));
  5. $pdf->selectFont('Helvetica.afm');
  6. $pdf->ezText('CERTIFICACION', 50);
  7. $pdf->ezText('', 12);
  8. $pdf->ezText('Ejemplo de PDF utilizando una imagen como Fondo.', 12);
  9. $pdf->ezStream();
  10. ?>
Tu código debe quedar de la siguiente manera:
Código PHP:
Ver original
  1. <?php
  2. require_once("class.ezpdf.php");
  3. require_once("class.backgroundpdf.php");
  4. $pdf = new backgroundPDF("a4", "portrait", "image", array("img"=>"img/sedluz3.jpg"));
  5. $pdf->selectFont("Helvetica.afm");
  6. $pdf->ezText("CERTIFICACIÓN", 50);
  7. $pdf->ezText('', 12);
  8. $pdf->ezText("Ejemplo de PDF utilizando una imagen como Fondo.", 12);
  9. ob_end_clean();//<-- agrega esta linea
  10. $pdf->ezStream();
  11. ?>

La función ob_end_clean();.

Y para solucionar posibles problemas con tildes y eñes te dejo el siguiente link: R&OS: pdf class y acentos
  #13 (permalink)  
Antiguo 18/07/2012, 06:33
 
Fecha de Ingreso: junio-2012
Ubicación: maracaibo
Mensajes: 36
Antigüedad: 11 años, 11 meses
Puntos: 0
Respuesta: cargar un pdf con un javascript

Buen dia, hice lo que me dijo, y nada, no me muetsra la imagen, noc si sera x la imagen la verdad no se... si puedes ayudarme xfavor.
Código PHP:
Ver original
  1. <?php
  2.     require_once("class.ezpdf.php");
  3.     require_once("class.backgroundpdf.php");
  4.     $pdf = new backgroundPDF('a4', 'portrait', 'image', array('img'=>'sedluz3.jpg'));
  5.     $pdf->selectFont("Helvetica.afm");
  6.     $pdf->ezText("CERTIFICACIÓN", 50);
  7.     $pdf->ezText('', 12);
  8.     $pdf->ezText("Ejemplo de PDF utilizando una imagen como Fondo.", 12);
  9.     ob_end_clean();//<-- agrega esta linea
  10.     $pdf->ezStream();
  11.     ?>
  #14 (permalink)  
Antiguo 18/07/2012, 17:35
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 12 años, 3 meses
Puntos: 57
Información Respuesta: cargar un pdf con un javascript

Solo para asegurarnos de que cuentas con todo lo necesario para crear tu pdf te hago una lista.

Para este ejemplo debes tener todo lo siguiente en una carpeta "prueba".

Cita:
- class.pdf.php
- class.ezpdf.php
- certificado.php (.php que genera el pdf)
- bg.jpg
- fonts/ (carpeta opcional de fuentes)
Hago esta lista por que según el código que nos muestras todo parece estar bien a menos que la imagen no te la muestre por no encontrarse en la ubicación correcta. Situación que no me quedó muy clara en tu ultimo mensaje ya que no sé si quisiste decir que solo la imagen no te muestra pero que ahora si se crea el pdf.

En mi caso la imagen es bg.jpg (ten cuidado con la extensión puede que sea otra distinta) y esta en el mismo directorio que mi certificado.php. Por lo cual lo "llamo":
Código PHP:
Ver original
  1. /*...*/ array('img'=>'bg.jpg'));
si estuviera en un directorio deberia indicarlo asi:
Código PHP:
Ver original
  1. /*...*/ array('img'=>'carpetaimagenes/bg.jpg'));
  2. //creo que queda bastante claro
Otro problema podría deberse al navegador. Por favor comprueba que puedes visualizar documentos PDF en tu navegador.

Es importante que recalques que todos los ficheros anteriormente listados se encuentran en su ubicación correcta y que no te falte alguno.

<!-- EDITO -->
Me tomé el tiempo de recrear el ejemplo y comparto una imagen que resume todo lo anterior. He aquí la captura.
Para mi ejemplo todo se encuentra dentro de una carpeta llamada "!"
<!--/EDITO -->

Última edición por gebremswar; 18/07/2012 a las 17:44 Razón: la imagen
  #15 (permalink)  
Antiguo 19/07/2012, 06:53
 
Fecha de Ingreso: junio-2012
Ubicación: maracaibo
Mensajes: 36
Antigüedad: 11 años, 11 meses
Puntos: 0
Respuesta: cargar un pdf con un javascript

muchicimas gracias, te he causado un fin de molestias, y mas el ejemplo que me haz hecho, ya se cual era mi error, 1.primero la ruta de la imagen y luego que la imagen es muy grande..
ya me la muestra, pero necesito colocar la hoja horizantalmente, ya que es un certificado y la imagen es horizontal. y orita me la muestra de forma vertical y asi no me sirve. me podrias ayudar en que parte de mi codigo defino la forma de la hoja... xfa.
  #16 (permalink)  
Antiguo 19/07/2012, 14:00
 
Fecha de Ingreso: enero-2012
Ubicación: Santiago de Surco, Lima - Perú
Mensajes: 266
Antigüedad: 12 años, 3 meses
Puntos: 57
Información Respuesta: cargar un pdf con un javascript

Cita:
Iniciado por emiiangela Ver Mensaje
muchicimas gracias, te he causado un fin de molestias, y mas el ejemplo que me haz hecho, ya se cual era mi error, 1.primero la ruta de la imagen y luego que la imagen es muy grande..
ya me la muestra, pero necesito colocar la hoja horizantalmente, ya que es un certificado y la imagen es horizontal. y orita me la muestra de forma vertical y asi no me sirve. me podrias ayudar en que parte de mi codigo defino la forma de la hoja... xfa.



Orientación:

Por defecto la pagina está en Vertical (o modo retrato). Y ese parametro se especifica en la primera linea de configuración:
Código PHP:
Ver original
  1. $pdf=& new Cezpdf('A4');

Osea que bastaría específicar entre los paréntesis ('A4') y por defecto estaría en vertical
Las dos opciones:
Código las opciones:
Ver original
  1. portrait -> Vertical
  2. landscape -> Horizontal

Pero como estás usando background, bastará que se lo indiques en la linea 4 de nuestro ejemplo anteriormente citado.
Código PHP:
Ver original
  1. $pdf = new backgroundPDF('a4', "landscape", 'image', array('img'=>'img/sedluz3.jpg'));

Si le envías "" tomará por defecto vertical (portrait).


<!-- EDITO -->
Esperemos que un moderador traslade este tema al foro correspondiente.
<!--/EDITO -->

Última edición por gebremswar; 19/07/2012 a las 14:57

Etiquetas: pdf
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 07:37.