[SOLUCIONADO] Configurar formulario web una pagina

Vcnt · #1 (**permalink**) 08/09/2015, 05:10

Hola!

Tengo esta web que he conseguido hacer desde una plantilla, pero el formulario no esta configurado. El tema esta en que cuando se envie, deberia aparecer un "mensaje enviado y ya esta, pero voy bastante perdido, ya que todos los formularios que he echo antes me redirecionaba a otra web, pero en este caso la web es solo una pagina.

GRACIAS DE ANTEMANO!

ENLACE A LA WEB

chronos682 · #2 (**permalink**) 08/09/2015, 06:28

Deberías colocar mejor el código fuente del formulario y el código php con el que procesas la información para poder ayudarte.

Vcnt · #3 (**permalink**) 08/09/2015, 06:32

El PHP es lo que no se!

Código HTML:

<form method="post" action="contact-post.html">
<div class="to">
<input type="text" class="text" value="Nombre" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
<input type="text" class="text" value="Correo" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" style="margin-left:20px">
<input type="text" class="text" value="Asunto" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Subject';}" style="margin-left:20px">
</div>
<div class="contact_bottom-textarea">
<textarea value="Message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Correo</textarea>
</div>
<div class="form-submit1">
<input name="submit" type="submit" id="submit" value="Enviar correo"><br>
<p class="m_msg">Asegurese que ha introducido una dirección correcta</p>
</div>
<div class="clear"></div>
</form>

xfxstudios · #4 (**permalink**) 08/09/2015, 06:43

saludos, antes de inventar, aprender, podrias hacer algo asi:

Código PHP:

Ver original<?php
if(empty($_POST['boton'])){}
else{
    $nombre = $_POST['nombre'];
    $correo = $_POST['correo'];
    $asunto = $_POST['asunto'];
    
    
$para      = "[email protected]";
$titulo    = "EL TITULO";
 
$mensaje   = "Mensaje enviado por: ".$nombre."\n";
$mensaje  .= "E-mail: ".$correo;
$mensaje  .= "Asunto: ".$asunto;
 
$cabeceras = 'From: [email protected]' . "\r\n" .
    'Reply-To: [email protected]' . "\r\n" .
    'X-Mailer: PHP/' . phpversion();
 
mail($para, $titulo, $mensaje, $cabeceras);
    if(mail){
        echo " 
                <script language='JavaScript'> 
                alert('Mensaje Enviado Correctamente'); 
                </script>";
    } else {
        echo " 
                <script language='JavaScript'> 
                alert('Fallo el envio del mensaje'); 
                </script>";
    }
 
}
?>

Visita el manual de PHP para que te documente un poco más, otra cosa ese codigo va en la misma pagina antes de todo el html, modificalo con tus variables

chronos682 · #5 (**permalink**) 08/09/2015, 06:45

Según tu código parece que lo que necesitas es enviar la información que el usuario escriba en ese formulario por correo, te recomiendo que primero aprendas cómo obtener información enviada desde un formulario por método POST, puede ser aquí por ejemplo y luego revisas esta página para que aprendas cómo enviar la información del formulario a través de la función mail de php.

En el segundo link está muy bien explicado cómo hacer lo que tú quieres. Espereo te sirva.

Vcnt · #6 (**permalink**) 08/09/2015, 06:49

Gracias! Voy a ver si me apaño metiendo el codigo!

Saludos de Valencia - España!

Vcnt · #7 (**permalink**) 08/09/2015, 07:01

Hola de nuevo!

Me pasa que al meter el codigo me sale en la web

alert('Mensaje Enviado Correctamente'); "; } else { echo " "; } } ?>

Y al cargar la web me sale el aviso de Fallo en el envio

xfxstudios · #8 (**permalink**) 08/09/2015, 07:06

imagino que cambiaste donde dice BOTON por submit que es el nombre de tu boton verdad???

Vcnt · #9 (**permalink**) 08/09/2015, 07:07

Si, no a la primera, pero si.

xfxstudios · #10 (**permalink**) 08/09/2015, 07:18

el action dejalo en blanco

Código PHP:

Ver original<form method="post" action="">

Vcnt · #11 (**permalink**) 08/09/2015, 07:20

Tambien esta en blanco

Código HTML:

<form method="post" action="">
					<div class="to">
                     	<input type="text" class="text" value="Nombre" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}">
					 	<input type="text" class="text" value="Correo" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" style="margin-left:20px">
					 	<input type="text" class="text" value="Teléfono" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone';}" style="margin-left:20px">
					</div>
					<div class="contact_bottom-textarea">
	                   <textarea value="Message" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message';}">Correo</textarea>
	                </div>
	                <div class="form-submit1">
			           <input name="submit" type="submit" id="submit" value="Enviar correo"><br>
			           <p class="m_msg">Asegurese que ha introducido una dirección correcta</p>
					</div>
					<div class="clear"></div>
                 </form>
             </div>
            </div>
      	    <div class="copy">
		       <p> 2015 TIENDA</p>
		    </div>
          </div>
          <script type="text/javascript">
				$(document).ready(function() {
					/*
					var defaults = {
			  			containerID: 'toTop', // fading element id
						containerHoverID: 'toTopHover', // fading element hover id
						scrollSpeed: 1200,
						easingType: 'linear' 
			 		};
					*/
					
					$().UItoTop({ easingType: 'easeOutQuart' });
					
				});
			</script>
		    <a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;">top </span></a>
			</div>
		</div>
		<!----//End-footer---->
		<!----//End-container---->  
</body>
</html>
<?php
if(empty($_POST['submit'])){}
else{
    $Name = $_POST['Name'];
    $Email = $_POST['Email'];
    $Phone = $_POST['Phone'];
    $Message = $_POST['Message'];
    
    
$para      = "[email protected]";
$titulo    = "Correo Web";
 
$mensaje   = "Mensaje enviado por: ".$Name."\n";
$mensaje  .= "E-mail: ".$Email;
$mensaje  .= "Telefono: ".$Phone;
$mensaje  .= "Asunto: ".$Message;
 
$cabeceras = 'From: [email protected]' . "\r\n" .
    'Reply-To: [email protected]' . "\r\n" .
    'X-Mailer: PHP/' . phpversion();
 
mail($para, $titulo, $mensaje, $cabeceras);
    if(mail){
        echo " 
                <script language='JavaScript'> 
                alert('Mensaje Enviado Correctamente'); 
                </script>";
    } else {
        echo " 
                <script language='JavaScript'> 
                alert('Fallo el envio del mensaje'); 
                </script>";
    }
 
}
?>

xfxstudios · #12 (**permalink**) 08/09/2015, 07:23

creo que te dije que el php va encima de todo el html, es decir:

Código PHP:

Ver original<?php
 
//aqui el php
 
 
?>
 
 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
</head>

aunque en teoria deberia de funcionarte asi, pero igual cambialo

xfxstudios · #13 (**permalink**) 08/09/2015, 07:24

mira como lo estoy probando aca y funciona perfecto:

Código PHP:

Ver original<?php
if(empty($_POST['boton'])){}
else{
    $nombre = $_POST['nombre'];
    $correo = $_POST['correo'];
    $asunto = $_POST['asunto'];
    
    
$para      = "[email protected]";
$titulo    = "EL TITULO";
 
$mensaje   = "Mensaje enviado por: ".$nombre."\n";
$mensaje  .= "E-mail: ".$correo;
$mensaje  .= "Asunto: ".$asunto;
 
$cabeceras = 'From: [email protected]' . "\r\n" .
    'Reply-To: [email protected]' . "\r\n" .
    'X-Mailer: PHP/' . phpversion();
 
mail($para, $titulo, $mensaje, $cabeceras);
    if(mail){
        echo " 
                <script language='JavaScript'> 
                alert('Mensaje Enviado Correctamente'); 
                </script>";
    } else {
        echo " 
                <script language='JavaScript'> 
                alert('Fallo el envio del mensaje'); 
                </script>";
    }
 
}
?>
<form name="form1" action="" method="post">
<input type="text" name="nombre"/><br><br>
<input type="text" name="correo"/><br><br>
<input type="text" name="asunto"/><br><br>
<input type="submit" name="boton" value="Enviar"/>
</form>

xfxstudios · #14 (**permalink**) 08/09/2015, 07:25

otra cosa recuerda que tu web debe estar guardada con extension .php no .html

Vcnt · #15 (**permalink**) 08/09/2015, 07:29

Jolin! Renombrarlo con PHP!!!!

Gracias xfxstudios!

xfxstudios · #16 (**permalink**) 08/09/2015, 07:33

Primero te pregunto, tu web esta en html o php???????

segun veo en tu web con la consola de chrome tiene un espacio arriba del php y debes guardar tu archivo en formato php para que te funcione, no es problema de incompatibilidad es de formato, y como dije elimina ese espacio

Vcnt · #17 (**permalink**) 08/09/2015, 07:54

Hola!

Funcionar funciona, lo envia y sale bien el mensaje.

Ahora me he dado cuenta que el texto sale vacio. He probado a meter tu formilario directamente y tambien sale vacio el correo.