[SOLUCIONADO] Imprimir mi formulario en la misma pagina

rutenio3 · #1 (**permalink**) 24/06/2013, 08:54

Hola a todos

He hecho un formulario básico en html y queria que lo que se introduce en el propio formulario se publique en la misma pagina.

Este es el formulario html

Código HTML:

<body>
	<?php
<form action="">
			
					<label for="name">Nombre de la serie:</label><br/>
					<input type="text" id="name" name="name" placeholder="Nombre serie" class="campo"><br/>
			
					<label for="banner">Introduce el banner:</label><br/>
					<input type="file" id="banner" name="banner" placeholder="Introduce banner" class="campo"><br/>
				
					<label for="enlaces">Introduce la descripcion:</label><br/>
					<textarea id="descripcion" cols="30" raws="10" placeholder="Introduce descripcion" class="campo"></textarea><br/>
				
					<input type="Submit" id="enviar" value="Enviar"name="enviar" class="boton"><br/>
				
			
				</form>

?>

No se si esta bien ya que no tengo mucha idea de php y estoy empezando. Puedo hacer esto para que cuando le de a submit imprima el formulario con los echos?

Código PHP:

  $nombre= 'name';
$banner= 'banner';
$descripcion= 'descripcion';

echo $nombre;
echo $banner;
echo $descripcion;

Claro que el banner al ser un file no se como podria hacer para que consiguiera el enlace directo de un servidor de imagenes.
Gracias

#2 (**permalink**) 24/06/2013, 12:12

http://www.php.net/manual/es/tutorial.forms.php

rutenio3 · #3 (**permalink**) 24/06/2013, 15:27

Gracias antetodo por responder.

A la hora de imprimirlo en la misma pagina como haría, pondría el nombre de la mi pagina nada mas, ya que en el ejemplo imprime el resultado en otra pagina.

Lo que quiero es formulario y repuesta en la misma pagina.

Gracias

dvpareja · #4 (**permalink**) 24/06/2013, 15:49

Buenas

Creo que estarás buscando algo así:

Código PHP:

Ver original<body>
 
<?php 
    if (isset($_POST['token'])) {
        $nombre = $_POST['token'];
        $descripcion = $_POST['descripcion']; 
        $tamano = $_FILES['banner']['size'];
        $tipo = $_FILES['banner']['type'];
        $archivo = $_FILES['banner']['name'];
        $prefijo = substr(md5(uniqid(rand())),0,6);
        
         if ($archivo != "") {
             // guardamos el archivo a la carpeta files
             $destino =  "files/".$prefijo."_".$archivo;
             if (copy($_FILES['banner']['tmp_name'],$destino)) {
                 $status = "Archivo subido: <b>".$archivo."</b>";
                    } else {
                 $status = "Error al subir el archivo";
             }
        } else {
            $status = "Error al subir archivo";
        }
        
        echo $nombre;
        echo $descripcion;
        echo $status;
        echo $destino; //<img src="'.$destino.'" />
    }
    
?>
<form action="mismapagina.php" method="post" enctype="multipart/form-data">
            
                    <label for="name">Nombre de la serie:</label><br/>
                    <input type="text" id="name" name="name" placeholder="Nombre serie" class="campo"><br/>
            
                    <label for="banner">Introduce el banner:</label><br/>
                    <input type="file" id="banner" name="banner" placeholder="Introduce banner" class="campo"><br/>
                
                    <label for="enlaces">Introduce la descripcion:</label><br/>
                    <textarea id="descripcion" name="descripcion" cols="30" raws="10" placeholder="Introduce descripcion" class="campo"></textarea><br/>
                
                    <input type="Submit" id="enviar" value="Enviar"name="enviar" class="boton"><br/>
                    <input name="token" type="hidden" value="upload" />  
            
                </form>
 
</body>

Saludos

rutenio3 · #5 (**permalink**) 25/06/2013, 10:58

Hola dvpareja muchas gracias por el codigo. La verdad es que estoy empezando en esto y estoy algo perdido.
Te pongo los pasos que he dado.
1º cree carpeta files.
2ºrenombre mi .php a mismapagina.php
3ºdentro de mi html pegue el codigo que me has dado

No se que me queda por hacer.Me queda así al reproducirlo en el navegador.De nuevo gracias. Si lo consigo posteare el resultado.

Código PHP:

 
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Todoseries</title>
    
    <META http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
    <link rel="stylesheet" type="text/css" href="css/index.css">
  
    


</head>
<body>
 
<?php 
    if (isset($_POST['token'])) {
        $nombre = $_POST['token'];
        $descripcion = $_POST['descripcion']; 
        $tamano = $_FILES['banner']['size'];
        $tipo = $_FILES['banner']['type'];
        $archivo = $_FILES['banner']['name'];
        $prefijo = substr(md5(uniqid(rand())),0,6);
        
         if ($archivo != "") {
             // guardamos el archivo a la carpeta files
             $destino =  "files/".$prefijo."_".$archivo;
             if (copy($_FILES['banner']['tmp_name'],$destino)) {
                 $status = "Archivo subido: <b>".$archivo."</b>";
                    } else {
                 $status = "Error al subir el archivo";
             }
        } else {
            $status = "Error al subir archivo";
        }
        
        echo $nombre;
        echo $descripcion;
        echo $status;
        echo $destino; //<img src="'.$destino.'" />
    }
    
?>

<div id="container">
        <div id="formulario">

           

                    <form action="mismapagina.php" method="post" enctype="multipart/form-data">
            
                        <label for="name">Nombre de la serie:</label><br/>
                        <input type="text" id="name" name="name" placeholder="Nombre serie" class="campo"><br/>
            
                        <label for="banner">Introduce el banner:</label><br/>
                        <input type="file" id="banner" name="banner" placeholder="Introduce banner" class="campo"><br/>
                
                        <label for="enlaces">Introduce la descripcion:</label><br/>
                        <textarea id="descripcion" name="descripcion" cols="30" raws="10" placeholder="Introduce descripcion" class="campo"></textarea><br/>
                
                        <input type="Submit" id="enviar" value="Enviar"name="enviar" class="boton"><br/>
                        <input name="token" type="hidden" value="upload" />  
            
                    </form>
                
        </div>
       
</div>

</body>

    <footer>
        <ul>
            <li href=""></li>
            <li href=""></li>
        </ul>
    </footer>
    

</html>

dvpareja · #6 (**permalink**) 25/06/2013, 11:10

Creo que te estás liando.

El archivo que te he mandado es "mismapagina.php" y se llama a sí misma a través del "action" del "form"

Comprueba que el archivo tenga extensión .php y revisa que php esté funcionando.
Prueba con esto

Código PHP:

Ver original<html>
<body>
<?php
phpinfo(); 
?>
</body>
</html>

rutenio3 · #7 (**permalink**) 25/06/2013, 13:57

Ya me funciona!!! Gracias

Solo una cosa para que se vea la imagen pongo esto pero no se me ve.1000 GRACIAS

Código PHP:

   echo $nombre;
        echo $descripcion;
        echo $status;
        echo "<img src="'.$destino.'" />"; //<img src="'.$destino.'" />

Y asi tampoco

Código PHP:

  echo $nombre;
        echo $descripcion;
        echo $status;
        echo <img src="'.$destino.'" />;

dvpareja · #8 (**permalink**) 25/06/2013, 14:05

Usa

Código PHP:

Ver original// Esto (recomendado)
                echo '<img src="$destino" />';
                  // o esto (menos recomendado)
        echo '<img src="'.$destino.'" />';
                  // o esto (menos recomendado aun)
        echo "<img src='".$destino."' />";
                 // pero nunca esto
                 echo "<img src="'.$destino.'" />";
                 // ni esto
                 echo <img src="'.$destino.'" />;

rutenio3 · #9 (**permalink**) 25/06/2013, 14:34

Joer tio html no me parece tan complicado pero php y java bufff tienen tela.
Todavia tengo que estudiar con detenimiento el codigo que me has pasado.

Muchas gracias aqui tienes el resultado. He utilizado un script de jquery para que esconda el formulario.

Todavia tengo que mejorarlo para que quede todo bien ordenado pero bueno lo dificil ya me lo has hecho . Mercy!!!

dvpareja · #10 (**permalink**) 25/06/2013, 16:21

Si quieres esconder el formulario después de haberlo enviado, puedes hacer lo siguiente:

Código PHP:

Ver original<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Todoseries</title>
    
    <META http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
    <link rel="stylesheet" type="text/css" href="css/index.css">
  
    
 
 
</head>
<body>
 
<?php 
    if (isset($_POST['token'])) { // Si existe el token
        $nombre = $_POST['token'];
        $descripcion = $_POST['descripcion']; 
        $tamano = $_FILES['banner']['size'];
        $tipo = $_FILES['banner']['type'];
        $archivo = $_FILES['banner']['name'];
        $prefijo = substr(md5(uniqid(rand())),0,6);
        
         if ($archivo != "") {
             // guardamos el archivo a la carpeta files
             $destino =  "files/".$prefijo."_".$archivo;
             if (copy($_FILES['banner']['tmp_name'],$destino)) {
                 $status = "Archivo subido: <b>".$archivo."</b>";
                    } else {
                 $status = "Error al subir el archivo";
             }
        } else {
            $status = "Error al subir archivo";
        }
        
        echo $nombre;
        echo $descripcion;
        echo $status;
        echo $destino; //<img src="'.$destino.'" />
   
 }else { // Si no existe el token
    
?>
 
<div id="container">
        <div id="formulario">
 
          
 
                    <form action="mismapagina.php" method="post" enctype="multipart/form-data">
            
                        <label for="name">Nombre de la serie:</label><br/>
                        <input type="text" id="name" name="name" placeholder="Nombre serie" class="campo"><br/>
            
                        <label for="banner">Introduce el banner:</label><br/>
                        <input type="file" id="banner" name="banner" placeholder="Introduce banner" class="campo"><br/>
                
                        <label for="enlaces">Introduce la descripcion:</label><br/>
                        <textarea id="descripcion" name="descripcion" cols="30" raws="10" placeholder="Introduce descripcion" class="campo"></textarea><br/>
                
                        <input type="Submit" id="enviar" value="Enviar"name="enviar" class="boton"><br/>
                        <input name="token" type="hidden" value="upload" />  
            
                    </form>
                <?php  }    ?> <!-- Atento aquí. Cierro el else -->  
        </div>
       
</div>
 
</body>
 
    <footer>
        <ul>
            <li href=""></li>
            <li href=""></li>
        </ul>
    </footer>
    
 
</html>

rutenio3 · #11 (**permalink**) 26/06/2013, 07:21

Gracias de nuevo