Jump to content

Manejo con Divs


Recommended Posts

Hola estimados, les cuento: tengo una aplicación la cual posee un formulario con opciones donde el usuario elige valores y posteriormente crea un dibujo con ellos. La cosa es que no sé como mostrar aquel dibujo realizado con PHP(libreria GD) en el div central, ya que el de la izquierda es el de las opciones. ¿Cómo hago para poder mostrarlos entonces? espero sus aportes, saludos! :hide:

Link to comment
Share on other sites

guarda el archivo. y luego lo muestras a puro html

 

<div><img src="laImgGuardada" /></div>

 

Mmm, pero es que no puedo hacer referencia a una sola imagen, ya que los archivos de imagen son distintos! depende de lo que el usuario elija en el form será lo que se muestra en el div

Link to comment
Share on other sites

guarda el archivo. y luego lo muestras a puro html

 

<div><img src="laImgGuardada" /></div>

 

Mmm, pero es que no puedo hacer referencia a una sola imagen, ya que los archivos de imagen son distintos! depende de lo que el usuario elija en el form será lo que se muestra en el div

 

prueba con esto:

 

<?php
if(isset($_POST['foto'])){
echo '<form method="post" action="'.$_SERVER['PHP_SELF'].'">Nombre de foto a abrir: <input type="text" name="foto" /><br/><input type="submit" value="Enviar" /></form>';
}
else{
echo "<div><img src=\"";
    if(file_exists($f)){
    echo $_POST['foto'];
        }
    else{
    echo "el archivo no existe";
        }
echo "\"/><div>";
}
?>

 

Esto es algo hipotetico... pero prueba con eso... de todas formas ese form es super basico ahi tu podrias aplicar readdir() y aplicar un select con eso y ahi crear un formulario mas avanzado

Edited by alvaroxz
Link to comment
Share on other sites

Al parecer no se entiende mi idea, no son imágenes con formatos conocidos, llámese jpg, gif, etc. Son con extensión .php, son imágenes creadas en forma dinámica que dependen de valores que uno elije en las distintas opciones de formulario. No es por ejemplo un formulario que te pida elegir una imagen y luego la muestras en el div de contenido, sino que depende de lo que tu ingreses te creará la imagen, supongamos que quiero un cuadrado rojo de dimensiones 50x50pixeles con borde blanco, eso lo ingreso en el form y la imagen generada debería mostrarla en el div.

Link to comment
Share on other sites

Al parecer no se entiende mi idea, no son imágenes con formatos conocidos, llámese jpg, gif, etc. Son con extensión .php, son imágenes creadas en forma dinámica que dependen de valores que uno elije en las distintas opciones de formulario. No es por ejemplo un formulario que te pida elegir una imagen y luego la muestras en el div de contenido, sino que depende de lo que tu ingreses te creará la imagen, supongamos que quiero un cuadrado rojo de dimensiones 50x50pixeles con borde blanco, eso lo ingreso en el form y la imagen generada debería mostrarla en el div.

 

al parecer no entendiste la idea de mi solucion te la hago mas corta...

 

ocupa imagecopy para guardarla y ergo mostrarla...

 

porque la unica manera de mostrar una imagen creada desde GD es cambiando el tipo de contenido de la pagina

 

header('Content-type: image/jpeg');

 

lo que venga de aca para abajo sera img...

 

entonces si haces algo asi

 

echo "<div>"; <-- este se iniciara como tipo html

header('Content-type: image/jpeg');

imagejpeg($TuIMG);

echo "</div>"; <-- este se iniciara como tipo image/jpeg y jodes...

 

entendiste mi idea?

Link to comment
Share on other sites

Al parecer no se entiende mi idea, no son imágenes con formatos conocidos, llámese jpg, gif, etc. Son con extensión .php, son imágenes creadas en forma dinámica que dependen de valores que uno elije en las distintas opciones de formulario. No es por ejemplo un formulario que te pida elegir una imagen y luego la muestras en el div de contenido, sino que depende de lo que tu ingreses te creará la imagen, supongamos que quiero un cuadrado rojo de dimensiones 50x50pixeles con borde blanco, eso lo ingreso en el form y la imagen generada debería mostrarla en el div.

 

al parecer no entendiste la idea de mi solucion te la hago mas corta...

 

ocupa imagecopy para guardarla y ergo mostrarla...

 

porque la unica manera de mostrar una imagen creada desde GD es cambiando el tipo de contenido de la pagina

 

header('Content-type: image/jpeg');

 

lo que venga de aca para abajo sera img...

 

entonces si haces algo asi

 

echo "<div>"; <-- este se iniciara como tipo html

header('Content-type: image/jpeg');

imagejpeg($TuIMG);

echo "</div>"; <-- este se iniciara como tipo image/jpeg y jodes...

 

entendiste mi idea?

 

Lo de mostrar las imagen creada con GD lo tengo claro, he hecho varios ejemplos de eso. Ahora lo que pusiste como ejemplo en el div no te kaché -_- y otra cosa, Si los archivos son creados en distintas imágenes ej: cuadrado.php, triangulo.php así es como tengo ya predeterminados los archivos y solo varío las propiedades de la imagen(largo,ancho,color,etc). ¿Como sabrá que imagen mostrar en el div dependiendo de lo escogido en el form?

Link to comment
Share on other sites

Al parecer no se entiende mi idea, no son imágenes con formatos conocidos, llámese jpg, gif, etc. Son con extensión .php, son imágenes creadas en forma dinámica que dependen de valores que uno elije en las distintas opciones de formulario. No es por ejemplo un formulario que te pida elegir una imagen y luego la muestras en el div de contenido, sino que depende de lo que tu ingreses te creará la imagen, supongamos que quiero un cuadrado rojo de dimensiones 50x50pixeles con borde blanco, eso lo ingreso en el form y la imagen generada debería mostrarla en el div.

 

al parecer no entendiste la idea de mi solucion te la hago mas corta...

 

ocupa imagecopy para guardarla y ergo mostrarla...

 

porque la unica manera de mostrar una imagen creada desde GD es cambiando el tipo de contenido de la pagina

 

header('Content-type: image/jpeg');

 

lo que venga de aca para abajo sera img...

 

entonces si haces algo asi

 

echo "<div>"; <-- este se iniciara como tipo html

header('Content-type: image/jpeg');

imagejpeg($TuIMG);

echo "</div>"; <-- este se iniciara como tipo image/jpeg y jodes...

 

entendiste mi idea?

 

Lo de mostrar las imagen creada con GD lo tengo claro, he hecho varios ejemplos de eso. Ahora lo que pusiste como ejemplo en el div no te kaché -_- y otra cosa, Si los archivos son creados en distintas imágenes ej: cuadrado.php, triangulo.php así es como tengo ya predeterminados los archivos y solo varío las propiedades de la imagen(largo,ancho,color,etc). ¿Como sabrá que imagen mostrar en el div dependiendo de lo escogido en el form?

 

como vas a guardar una imagen con formato php, es como querer guardar un mp3 con formato txt asi nunca podras mostrar la imagen :S

 

en cuanto a tu problema ya te dije

 

<div><img src="$_POST['inputDeLaFotoSeleccinada']"/></div>

 

pero te repito si $_POST['inputDeLaFotoSeleccinada'] == algunNombre.php

 

no vas a poder mostrar la imagen en el tag <img>

Edited by alvaroxz
Link to comment
Share on other sites

como vas a guardar una imagen con formato php, es como querer guardar un mp3 con formato txt asi nunca podras mostrar la imagen :S

 

Si se puede! ya que es el header el que indica el tipo de archivo, si tu quieres llamar una imagen por decir circulo.php lo puedes hacer!

 

simplemente <img src="circulo.php"/> veelo aquí:

 

Link to comment
Share on other sites

como vas a guardar una imagen con formato php, es como querer guardar un mp3 con formato txt asi nunca podras mostrar la imagen :S

 

Si se puede! ya que es el header el que indica el tipo de archivo, si tu quieres llamar una imagen por decir circulo.php lo puedes hacer!

 

simplemente <img src="circulo.php"/> veelo aquí:

 

pero para que complicarte la vida hombre ese es el punto...

 

y claro que de ese modo se puede pero de ahi pierdes el tipo de archivo para lo que viene abajo de ese header como te decia

 

si haces esto

 

echo "<div>";

header('Content-type: image/jpeg');

imagejpeg($TuIMG);

echo "</div>";

 

solo

 

echo "<div>"; se leera como text/html

 

el echo "</div>"; se leera como imagen por lo tanto perdera su funcion como </div> de html

 

por eso tu solucion no sirve porque desde header('Content-type: image/jpeg'); para abajo sera image/jpeg y no texto html

Edited by alvaroxz
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...