Duda con libreria GD imprimir resultado en misma pagina

soulbless · #1 (**permalink**) 05/12/2011, 15:14

Tengo una pagina donde genero una imagen GD mediante un formulario.. ahora el problema es que no se como mostrar la imagen en la misma pagina donde esta el formuladio.. solo se hacerlo para que se muestre en una pagina distinta.. pero quiero que se muestre en la misma pagina..
Quisiera contar con su ayuda...! Gracias..!!

aqui les dejo el codigo

Código PHP:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
 
<body>
 
 
<?php
 
if(isset($_POST['ok'])){
$texto = $_POST['texto'];
$texto2 = $_POST['texto2'];
$texto3 = $_POST['texto3'];
$tamano = $_POST['tamano'];
$tamano2 = $_POST['tamano2'];
$tamano3 = $_POST['tamano3'];
$fuente = $_POST['fuente'];
$fuente2 = $_POST['fuente2'];
$fuente3 = $_POST['fuente3'];
 
header("Content-type: image/gif");
$img = imagecreatefromgif("imagen2.gif");
$rojo = imagecolorallocate($img,10,10,10); 
$negro = imagecolorallocate($img,0,0,0); 
imagettftext($img,$tamano,0,1,15,$negro,$fuente,$texto);
imagettftext($img,$tamano2,0,1,30,$negro,$fuente2,$texto2);
imagettftext($img,$tamano3,0,1,45,$negro,$fuente3,$texto3);
 
imagegif($img); 
imagedestroy($img); 
} else {
?>
<img src="resul.php" width="150" height="50">
 
<form method="POST" action="" target="_self">
  <p><b>Linea1</b>
  <br><input type="text" name="texto" id="texto">
  <select name="tamano" id="tamano">
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
  </select>
  <label for="fuente"></label>
  <select name="fuente" id="fuente">
    <option value="arial.ttf">arial</option>
    <option value="times.ttf">times roman</option>
  </select>
  <br>
  <b>Linea2</b><br><input type="text" name="texto2" id="texto2">
  <select name="tamano2" id="tamano2">
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
  </select>
  <select name="fuente2" id="fuente2">
<option value="arial.ttf">arial</option>
    <option value="times.ttf">times roman</option>
  </select>
  <br>
  <b>Linea3</b>
  <br><input type="text" name="texto3" id="texto3">
  <select name="tamano3" id="tamano3">
    <option value="10">10</option>
   <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
  </select>
  <select name="fuente3" id="fuente3">
<option value="arial.ttf">arial</option>
    <option value="times.ttf">times roman</option>
  </select>
  </p>
  <p>
    <label for="tamano2"></label>
    <br>
    <input type="submit" name="ok" value="OK!">
  </p>
</form>
 
<?php
}
?>
 
 
 
</body>
</html>

ocp001a · #2 (**permalink**) 05/12/2011, 15:56

Hace unos días alguien preguntó exactamente lo mismo, casi creería que son los mismos datos. El problema no es de GD. Lo que necesitas es la manera de mostrar contenido en la misma página sin refrescar.

Hace unos post respondí algunas opciones que conozco: puedes usar un iframe para la imagen o bien hacer el proceso con ajax.

padem · #3 (**permalink**) 05/12/2011, 17:20

flush()
http://php.net/manual/es/function.flush.php

ob_flush()
http://www.php.net/manual/es/function.ob-flush.php

soulbless · #4 (**permalink**) 05/12/2011, 20:42

okey voy a probar y les comento..!

soulbless · #5 (**permalink**) 05/12/2011, 20:45

Cita:

Iniciado por padem

flush()
http://php.net/manual/es/function.flush.php

ob_flush()
http://www.php.net/manual/es/function.ob-flush.php

No entendi mucho estas funciones :S si me las explicaras un poco seria bueno..! :D Gracias..!

soulbless · #6 (**permalink**) 05/12/2011, 21:12

Cita:

Iniciado por ocp001a

Hace unos días alguien preguntó exactamente lo mismo, casi creería que son los mismos datos. El problema no es de GD. Lo que necesitas es la manera de mostrar contenido en la misma página sin refrescar.

Hace unos post respondí algunas opciones que conozco: puedes usar un iframe para la imagen o bien hacer el proceso con ajax.

Hola estaba instentando hacerlo con iframe y creo que es la solucion... ahora no se como integrarlo al codigo me puedes hechar una ayuda??
en realidad quiero algo como esto...

http://www.sellofacil.com/custom.php?id=6&t=4

Triby · #7 (**permalink**) 05/12/2011, 22:44

No puedes mezclar contenido HTML con imágenes generadas directamente, bueno, realmente sí se puede, pero es medio complicado, lo más sencillo es:

1- Tomas los datos que necesitas para generar la imagen, guardándolos en variables de sesión
2- Inicias tu código HTML e incluyes una etiqueta <img src="script_que_genera_imagen.php" />
3- En ese script recuperas los datos desde sesión, generas la imagen y la envías con sus respectivos encabezados
4- Voila!

soulbless · #8 (**permalink**) 05/12/2011, 23:03

Cita:

Iniciado por Triby

No puedes mezclar contenido HTML con imágenes generadas directamente, bueno, realmente sí se puede, pero es medio complicado, lo más sencillo es:

1- Tomas los datos que necesitas para generar la imagen, guardándolos en variables de sesión
2- Inicias tu código HTML e incluyes una etiqueta <img src="script_que_genera_imagen.php" />
3- En ese script recuperas los datos desde sesión, generas la imagen y la envías con sus respectivos encabezados
4- Voila!

Exactamente eso es lo que estoy tratando de hacer... (puedes hecharle un vistazo a mi codigo.. la etiqueta <img src="resultado.php" /> la puse dentro del --> else { ?> "aqui") esta bien ponerla alli? y el formulario en action=" " le coloco "resultado.php? o como hago para que se quede en la misma pagina y me imprima la imagen..? es alli donde estoy estancado...

en esta pagina esta un ejemplo exacto de lo que quiero hacer.. cuando le de OK me muestre la imagen arriba con los datos..

http://www.sellofacil.com/custom.php?id=6&t=4
tambien esta
http://www.caricatos.net/gradientes/index.html?gradiente=H&color1=FFFCCD&color2=D68AA5

Triby · #9 (**permalink**) 05/12/2011, 23:25

Mira, las dos primeras líneas del archivo (tanto del formulario como donde vas a generar la imagen) tendrán que ser:

Código PHP:

Ver original<?php
session_start();

Esto te permitirá tener a la mano las variables que necesites para generar la imagen, luego, donde verificas si se está procesando el formulario:

Código PHP:

Ver originalif(isset($_POST['ok'])) {
    // Tomas todos los datos de $_POST y los pones en una variable de sesión
    $_SESSION['imagen'] = $_POST;
    // Generas la etiqueta de imagen:
    echo '<img src="script_que_genera_la_imagen.php" />';
}
 
// Continúas con el proceso normal

Después, en el script donde generas la imagen, sólo tomas los datos de la variable de sesión en vez de $_POST:

Código PHP:

Ver original// Sólo para evitar errores, verificas que exista la variable:
if( ! isset($_SESSION['imagen'])) {
    die('Acceso no permitido.');
}
 
$texto = $_SESSION['imagen']['texto'];
// Haces lo mismo para el resto de tus variables
// Envías encabezados y generas la imagen
 
// Eliminas los datos de sesión:
unset($_SESSION['imagen']);

soulbless · #10 (**permalink**) 06/12/2011, 09:50

Cita:

Iniciado por Triby

Mira, las dos primeras líneas del archivo (tanto del formulario como donde vas a generar la imagen) tendrán que ser:

Código PHP:

Ver original<?php
session_start();

Esto te permitirá tener a la mano las variables que necesites para generar la imagen, luego, donde verificas si se está procesando el formulario:

Código PHP:

Ver originalif(isset($_POST['ok'])) {
    // Tomas todos los datos de $_POST y los pones en una variable de sesión
    $_SESSION['imagen'] = $_POST;
    // Generas la etiqueta de imagen:
    echo '<img src="script_que_genera_la_imagen.php" />';
}
 
// Continúas con el proceso normal

Después, en el script donde generas la imagen, sólo tomas los datos de la variable de sesión en vez de $_POST:

Código PHP:

Ver original// Sólo para evitar errores, verificas que exista la variable:
if( ! isset($_SESSION['imagen'])) {
    die('Acceso no permitido.');
}
 
$texto = $_SESSION['imagen']['texto'];
// Haces lo mismo para el resto de tus variables
// Envías encabezados y generas la imagen
 
// Eliminas los datos de sesión:
unset($_SESSION['imagen']);

Perfecto vere que tal me va y te estoy avisando..! :D

soulbless · #11 (**permalink**) 06/12/2011, 10:14

Código PHP:

Ver original// Sólo para evitar errores, verificas que exista la variable:
if( ! isset($_SESSION['imagen'])) {
    die('Acceso no permitido.');
}
 
$texto = $_SESSION['imagen']['texto'];
// Haces lo mismo para el resto de tus variables
// Envías encabezados y generas la imagen
 
// Eliminas los datos de sesión:
unset($_SESSION['imagen']);

[/QUOTE]

Ya hice las respectivas modificaciones.. ahora al enviar me sale q no tengo acceso osea q la variable $_session no esta enviando.. sera que tengo q crear un usuario para q esa variable session funcione..?

soulbless · #12 (**permalink**) 06/12/2011, 10:20

Aki te envio lo que he hecho
Esta es la primera pagina del formulario

Código HTML:

Ver original<?php session_start();
?>
<html>
<head>
<title>primera pagina</title>
</head>
<body>
    <?php
 
    if(isset($_POST['ok'])){
    /*$texto = $_POST['texto'];
    $texto2 = $_POST['texto2'];
    $texto3 = $_POST['texto3'];
    $tamano = $_POST['tamano'];
    $tamano2 = $_POST['tamano2'];
    $tamano3 = $_POST['tamano3'];
    $fuente = $_POST['fuente'];
    $fuente2 = $_POST['fuente2'];
    $fuente3 = $_POST['fuente3'];*/
    $_SESSION['texto'] = $_POST;
    $_SESSION['texto2'] = $_POST;
    $_SESSION['texto3'] = $_POST;
    $_SESSION['tamano'] = $_POST;
    $_SESSION['tamano2'] = $_POST;
    $_SESSION['tamano3'] = $_POST;
    $_SESSION['fuente'] = $_POST;
    $_SESSION['fuente2'] = $_POST;
    $_SESSION['fuente3'] = $_POST;
    $_SESSION['imagen'] = $_POST;
    // Generas la etiqueta de imagen:
    echo '<img src="resul.php" />';
     
    } else {
    ?>
     
    <form method="POST" action="resul.php" target="_self">
      <p><b>Linea1</b>
      <br><input type="text" name="texto" id="texto">
      <select name="tamano" id="tamano">
     .....
...
        <input type="submit" name="ok" value="OK!" >
      </p>
</form>  
    <?php
    }
    ?>
 </body>
</html>

y esta es la pagina que me genera la imagen

Código PHP:

Ver original<?php session_start();
?>
<?php 
 
if( ! isset($_SESSION['imagen'])) {
    die('Acceso no permitido.');
}
 
$texto = $_SESSION['imagen']['texto'];
$texto2 = $_SESSION['imagen']['texto2'];
$texto3 = $_SESSION['imagen']['texto3'];
$tamano = $_SESSION['imagen']['tamano'];
$tamano2 = $_SESSION['imagen']['tamano2'];
$tamano3 = $_SESSION['imagen']['tamano3'];
$fuente = $_SESSION['imagen']['fuente'];
$fuente2 = $_SESSION['imagen']['fuente2'];
$fuente3 = $_SESSION['imagen']['fuente3'];
// Haces lo mismo para el resto de tus variables
// Envías encabezados y generas la imagen
header("Content-type: image/gif");
 $img = imagecreatefromgif("imagen2.gif"); //Crea la imagen
$rojo = imagecolorallocate($img,10,10,10); //Color Negro
$negro = imagecolorallocate($img,0,0,0); //Color Negro
imagettftext($img,$tamano,0,1,15,$negro,$fuente,$texto);
imagettftext($img,$tamano2,0,1,30,$negro,$fuente2,$texto2);
imagettftext($img,$tamano3,0,1,45,$negro,$fuente3,$texto3);
//imagestring($img,TAMAÑO,X,Y,TEXTO,COLOR); //Escribe Rodrinete en rojo
imagegif($img); //Muestra el nuevo GIF
imagedestroy($img); //Destruye el nuevo gif y lo vuelve a pasar a como estaba antes
 
 
// Eliminas los datos de sesión:
unset($_SESSION['imagen']);
 
 
?>

Triby · #13 (**permalink**) 06/12/2011, 11:22

$_SESSION['imagen'] = $_POST;

Al poner sólo esa línea, vas a tener en $_SESSION['imagen'] todos los elementos que existan en $_POST y evitas tener que hacer esto:

Código PHP:

Ver original$_SESSION['imagen']['texto'] = $_POST['texto'];
$_SESSION['imagen']['texto2'] = $_POST['texto2'];
// ... etc

Ahora, sobre la sesión, no necesitas crear usuarios, las sesiones funcionan a la perfección, incluso sin necesidad de un sistema de usuarios.

Este script forma parte de una web donde ya estás manejando sesiones?
En caso de responder afirmativamente, elimina el sessión_start(); sólo del formulario, no del que genera la imagen y prueba nuevamente.