previsualizar antes de enviar formulario

tripoli · #1 (**permalink**) 26/06/2011, 08:14

Hola amigos hasta ahora solo sabia enviar datos de un formulario directamente pero no creo que sea la manera correcta, me gustaria tener un boton antes de enviar para previsualizar los datos del formulario alguna idea para no tener que cambiar mi codigo actual.

miktrv · #2 (**permalink**) 26/06/2011, 08:24

Hola buenas de nuevo,

Yo conozco dos maneras, o enviado tu formulario donde has introducido los datos al mismo fichero, y mostrar hay los resultados, que cuando le des a preview, te habra un pop-up/pestaña nueva con la previsualización de los datos o todo en el mismo fichero pero con otro modo de visualización.

Díme cual prefieres y sigo explicandote.

Un saludo!

tripoli · #3 (**permalink**) 26/06/2011, 08:41

hola gracias por tu colaboracion ante todo miktrv la verdad que no se cual me aconsejas?
yo creo que con el mismo fichero pero ocn otro modo de visualizacion?
me ayudaras amigo saludos

miktrv · #4 (**permalink**) 26/06/2011, 08:49

Bueno depende. Si por ejemplo el formulario esta en un panel de administración, y la previsualización es para ver como queda en el frontend( parte visible pública ) de la web, entonces tiene más lógica en una ventana nueva. Si por lo contrario, todo esta dentro de la misma interfaz o template, en la misma página esta bien.

Espero tu respuesta.

Un saludo!

tripoli · #5 (**permalink**) 26/06/2011, 08:55

no entendi muy bien la verdad seria para publicar noticias? no es una gran pagina pero me sirve para practicar y aprender.
en fin que me recomiendas en la misma pagina no?
miktrv no se mucho de php voy lento pogramando es muy complicado hacerlo?
espero que no saludos

miktrv · #6 (**permalink**) 26/06/2011, 09:03

No, es bastante sencillo, no te preocupes.

Tendrás que hacer un formulario. Este formulario envia al propio fichero, por lo que tendrás que hacer un condicional para comprobar si el formulario se ha enviado.

Si se ha enviado, muestras la previsualización, y haces un formulario de nuevo con los mismos campos que el original, pero el tipo lo pones ha hidden, de esta manera, podrás reenviar esos datos para guardarlos en la bbdd como lo estabas haciendo hasta ahora.

Un saludo!

tripoli · #7 (**permalink**) 26/06/2011, 09:09

me podrias poner un ejemplo sencillo osea sin codigo solo los pasos a seguir la verdad que la parte final no la entendi muy bien.

saludos

miktrv · #8 (**permalink**) 26/06/2011, 09:13

1. comprobar si se ha enviado form
2. si se ha enviado, muestro los datos enviados, y guardo los valores recibidos en otros input type hidden, coloco esos campos dentro de un form oculto, si pulso aceptar o confirmar, envio el formulario realmente al fichero que guarda eso en la base de datos ( lo puedes hacer dentro del mismo archivo, pero eso dejalo para el final y asi no te liarás )

3. Si no se ha enviado el form, muestras el form en blanco que estabas usando hasta ahora.

Conclusión, lo que haces realmente cuando le das al botón de previsualizar, es enviar un formulario, con los datos de los campos, tan solo debes de recoger esos valores y utilizarlos como quieras para mostrar el contenido, y recogerlos de nuevo en un segundo formulario oculto, que es quien se encarga de hacer el insert real

Un saludo!

tripoli · #9 (**permalink**) 26/06/2011, 09:34

miktrv gracias la explicacion me ha quedado bastante clara pero la practica es lo que me cuesta mas osea implementarlo en mi codigo actual ya que yo por ejemplo muestro el formulario si no hay datos en javascript y si hay lo proceso.
quieres que te muestre algo de mi codigo para que me orientes donde van las lineas de codigo esque me cuesta modificarlo.

de todas formas no te preocupes ya me has ayudado bastante saludos

miktrv · #10 (**permalink**) 26/06/2011, 10:05

De acuerdo, muestra código.

Pero en teoría javascript no hace falta, otra cosa es que lo quieras usar por cuestiones de rapidez, etc

Un saludo!

tripoli · #11 (**permalink**) 26/06/2011, 10:17

bueno te he resumido el codigo es algo como esto:

esta es la pagina donde proceso el formulario:

<html>
<head>
<script language='javascript' type='text/javascript'>
function volver(){
location.href='formulario.php';
}
</script>
</head>
<body>
<?php
//compruebo que los archivos del formulario son correctos.
//si no son correctos muestro formulario

$numFiles = count($_FILES['archivo']['tmp_name']);
for($i=0; $i<$numFiles; $i++){
if($_FILES['archivo']['name'][$i]){
$error=false;

if($_FILES['archivo']['size'][$i] >50000){
echo 'su archivo es muy grande no se pudo subir';
$error=true;
}

if ($error){
break;
}else{

//guardo archivos en carpeta del servidor
if (move_uploaded_file($_FILES['archivo']['tmp_name'][$i],'mis_pruebas/'.$_FILES["archivo"]["name"][$i])) {
}else{
echo 'No se pudo grabar la imagen';
}
}
}
//si hubo algun error muestro un boton para volver formulario
if( $error){
echo '<input type="button" name="retorno" id="retorno" value="volver" onClick="javascript:volver();";';
}else{
//si no ubo errores guardo datos en db
}
//si esta todo correcto mando un email para activar noticia
}
//cierro conexion
?>
</body>
</html>

miktrv · #12 (**permalink**) 26/06/2011, 10:26

Código PHP:

Ver original<?php 
 
if(isset($_POST['boton-formulario'])) {
 
echo $_POST['titulo']
 
echo '<form action="">';
echo '<input type="hidden" name="titulo" value="' . $_POST['titulo'] . '">';
echo '<input type="submit" name="guardar">';
 
}
 
if(isset($_POST['guardar'])) {
 
//guardo en la bbdd
 
}
 
?>

revisalo que esta hecho a mano!

Un saludo!

tripoli · #13 (**permalink**) 26/06/2011, 10:38

miktrv la primera linea no la entendi

Código PHP:

Ver original<?php
if(isset($_POST['boton-formulario'])) {
?>

el boton-formulario a que te refieres
yo solo coloco un boton con javascript para volver al formulario

miktrv · #14 (**permalink**) 26/06/2011, 10:41

eso es el botón de formulario que envia,

Un saludo!

tripoli · #15 (**permalink**) 26/06/2011, 10:46

perdona miktrv pero sigo sin entenderlo que te refieres al value del formulario osea enviar

miktrv · #16 (**permalink**) 26/06/2011, 10:52

No entiendo tu pregunta,

Un saludo!

tripoli · #17 (**permalink**) 26/06/2011, 11:01

esque no entendi lo del boton-enviar que tengo que poner el name del boton del formulario?

miktrv · #18 (**permalink**) 26/06/2011, 11:04

Si, todos los valores se recogen por su nombre.

Un saludo!

tripoli · #19 (**permalink**) 26/06/2011, 11:15

gracias miktrv por tu colaboracion me has sido de gran ayuda y siento tanta torpeza bueno a seguir estudiando php saludos

miktrv · #20 (**permalink**) 26/06/2011, 11:21

No te preocupes, poco a poco, nadie nace sabiendo, todos hemos pasado por lo mismo, ánimos, si te gusta ya lo tienes todo, adelante! suerte!

Un saludo!

tripoli · #21 (**permalink**) 26/06/2011, 11:36

ya estoy aqui otra vez no veas....
bueno decirte que lo probe pero cuando le doy a previsualizar no me muestra nada en pantalla yo hice esto como me dijistes:
en el codigo que postee arriba antes de guardar los datos en db puse tu codigo asin:

Código PHP:

Ver original<?php
  if(isset($_POST['mostrar'])) {
 
echo $_POST['titulo'];
 
echo '<form action="">';
echo '<input type="hidden" name="titulo" value="' . $_POST['titulo'] . '">';
echo '<input type="submit" name="guardar">';
 
}
 
if(isset($_POST['guardar'])) {
//aqui guardo los datos en mi db
}
?>

hay alguna manera de saber mi error?

miktrv · #22 (**permalink**) 26/06/2011, 11:44

Pues.. mira las etiquetas de tu form, que sea method POST y revisa los name de tus input.

Un saludo!

tripoli · #23 (**permalink**) 26/06/2011, 11:50

vale bueno me lo mirare todo con calma y si tengo dudas ya posteare aqui mis dudas saludos