[SOLUCIONADO] Ayuda con formulario Html

akil3s · Mayo 25, 2012, 07:41:47 AM

Hola a todos.

He estado buscando por el foro pero no encuentro nada sobre esto.
Necesito saber que me falta en el codigo que os dejo para que funcione el formulario. Seguro que es una chorrada, pero no tengo mucha idea de webs y es por ayudar auna amiga.

Código: html5

<form method="post" name="contact" action="mailto: [email protected]">

                      <label for="author">Nombre:</label> <input type="text" id="author" name="author" class="required input_field" />
                      <div class="cleaner_h10"></div>
                        
                        <label for="email">Email:</label> <input type="text" id="email" name="email" class="validate-email required input_field" />
                      	<div class="cleaner_h10"></div>
                        
                        <label for="email">Asunto:</label> <input type="text" id="subject" name="subject" class="validate-email required input_field" />
                      	<div class="cleaner_h10"></div>
                      
                        <label for="text">Mensaje:</label> <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
                        <div class="cleaner_h10"></div>
                        
                        <input type="submit" class="submit_btn" name="submit" id="submit" value="Send" />
                        <input type="reset" class="submit_btn" name="reset" id="reset" value="Reset" />
                
           		  </form>

El codigo es de una plantilla de estas que hay por internet. La cosa es que si modifico el correo y pongo uno mio me sale una ventana

No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

Cronos · Mayo 25, 2012, 11:20:39 PM

Ya veo el problema que tienes, al seleccionar para que mande el mensaje este te pide que selecciones el programa con el que deseas mandar este mensaje, tu quieres que mande el mensaje sin preguntar no es asi?

s3cur1tyr00t · Mayo 26, 2012, 12:07:40 AM

Buenas,

El problema está acá: ¨mailto: [email protected]¨. Cuando usas ¨mailto¨ se envía el correo con tu cliente local.
Te recomiendo que veas como enviar correos con php, .net, python o perl (no se que lenguaje están usando para el sitio, lo que muestras es solo html).

Saludos,

Satyricon · Mayo 26, 2012, 01:03:18 AM

Eso que intentas hacer es imposible, que desde un simple HTML se envie un email sin pasar por un servicio de correo como Outlook.

Para lo que intentas hacer SI O SI tenes que pasar o por un servicio de correo, o como hacemos todos los programadores web, usar PHP o ASP.

Te dejo el formulario echo y el archivo php, donde tenes que subir al mismo directorio.

Archivo index.html

Código: php

<html>
<head>
<title>Rellene el formulario</title>
</head>
<body>
<form name='formulario' id='formulario' method='post' action='enviar.php'>

Nombre: <input type='text' name='Nombre' id='Nombre'></br>
E-mail: <input type='text' name='E-mail' id='E-mail'></br>
Asunto: <input type='text' name='Asunto' id='Asunto'></br>
Mensaje:<textarea name="Mensaje" id="Mensaje" ></textarea></br></br>

<input type='submit' value='Enviar Formulario'>
<input type='reset' value='Reiniciar Formulario'>
</form>

</body>
</html>

Archivo enviar.php

Código: php

<?php

$name = $_POST["Nombre"]; 
$email = $_POST["E-mail"]; 
$asunto = $_POST["Asunto"]; 
$mensaje = $_POST["Mensaje"]; 

$envio .="Name: ". $name ."\n"; 
$envio .="E-Mail: ".$email. "\n"; 
$envio .="Web: ".$web. "\n"; 
$envio .="Comentario: ". $comentario. "\n"; 

$receptor = "[email protected]"; 
$emisor = $email;
$subject = $asunto; 

$mailheaders = $receptor;

mail($emisor, $subject, $mensaje, $mailheaders);
echo ("<a href='javascript:history.back(1)'>Regresar</a>")

?>

No lo prove, pero deberia de funcionar. Cualquier cosa, avisanos.

akil3s · Mayo 26, 2012, 04:42:19 AM

Muchisimas gracias a todos por las respuestas, sois unos cracks!!!

@cronos, si, eso es lo que queria, pero como esto mas perdido que el Fary en un concierto heavy...

@andresg888 gracias, pense que podia hacer desde HTML, que bonita es la incultura jeje

@Satyricon, no se como darte las gracias. Voy a ver si soy capaz de implementarlo.

Gracias a tod@s de verdad

akil3s · Mayo 26, 2012, 06:01:47 AM

Si no te importa concederme 24 horas hasta que pueda probarlo....tengo el "proyecto" en el portatil y el portatil en la oficina. Me paso a por el esta tarde, lo pruebo y comento ok?

Gracias

Pr0ph3t · Mayo 26, 2012, 06:14:15 AM

No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
Si no te importa concederme 24 horas hasta que pueda probarlo....tengo el "proyecto" en el portatil y el portatil en la oficina. Me paso a por el esta tarde, lo pruebo y comento ok?

Gracias

Ok, sin problema, todo el tiempo que necesites

akil3s · Mayo 26, 2012, 07:06:46 AM

Muchas gracias Pr0ph3t
Me voy a por el despues de comer la super paella jajajaja luego te cuento. Y gracias de nuevo!!

akil3s · Mayo 27, 2012, 10:52:33 AM

Siento haber tardado tanto

Acabo de probar el formulario y he debido de hacer algo mal porque el correo no me llega.

El archivo enviar.php lo he dejado en la raiz del "sitio" (trabajo con dreamweaver) y en el contacto.html que tenia he agregado las lineas que me dejo Satyricon quitando las que yo tenia. Hasta aqui supongo que esta bien no?

Lo que pasa es que relleno los cuadros y le doy a enviar, pero sale "regresar" y no dice ni "correo enviado con exito", ni "no enviado" y al darle a regresar me deja todo como estaba, es decir, el formulario con los ultimos datos que tenia.

Os dejo unas fotos a ver si lo aclaro mejor porque me explico como el culo jejeje

No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

Si alguien es tan amable de ayudarme.... gracias y disculpad mi torpeza.

s3cur1tyr00t · Mayo 27, 2012, 11:37:20 AM

No tienes permitido ver los links. Registrarse o Entrar a mi cuenta
Siento haber tardado tanto

Acabo de probar el formulario y he debido de hacer algo mal porque el correo no me llega.

El archivo enviar.php lo he dejado en la raiz del "sitio" (trabajo con dreamweaver) y en el contacto.html que tenia he agregado las lineas que me dejo Satyricon quitando las que yo tenia. Hasta aqui supongo que esta bien no?

Lo que pasa es que relleno los cuadros y le doy a enviar, pero sale "regresar" y no dice ni "correo enviado con exito", ni "no enviado" y al darle a regresar me deja todo como estaba, es decir, el formulario con los ultimos datos que tenia.

Os dejo unas fotos a ver si lo aclaro mejor porque me explico como el culo jejeje

No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

No tienes permitido ver los links. Registrarse o Entrar a mi cuenta

Si alguien es tan amable de ayudarme.... gracias y disculpad mi torpeza.

Estimado,

Estas usando un servidor web para probar o lo estas corriendo directo?. Si usaste php vas a necesitar un webserver como apache, nginx, lighthttpd o algo asi.
Te lo armaría todo y te lo pasaría listo, pero prefiero dar respuestas que te hagan pensar e investigar. Darte el código digerido y el webserver no me parece que te ayude tanto.

Saludos,

akil3s · Mayo 27, 2012, 12:48:39 PM

Totalmente de acuerdo, si me lo das hecho pierde la gracia y no aprendo jejeje

y si, estoy usando un webserver. La pagina ya esta subida y "funcionando" (salvo el formulario jejeje). Como no tengo ni idea, primero cambie el codigo y probe a subirlo desde el filezilla, pero nunca me llega el correo, ni siquiera a "no deseado". He mirado varios ejemplos en php y parece que el codigo coincide, deberia de funcionar pero algo he hecho mal entre medias

Lo unico que no esta exactamente igual es que Satyricon me puso desde el

Código: php


<html>
<head>
<title>
</title>
</head>
<body>
<form>
</form>
</body>
</html>

Y yo eso no lo puse porque mi hoja contacto.html ya traia esas etiquetas, borre esa parte y deje solo el

Código: php


<form name='formulario' id='formulario' method='post' action='enviar.php'>

Nombre: <input type='text' name='Nombre' id='Nombre'></br>
E-mail: <input type='text' name='E-mail' id='E-mail'></br>
Asunto: <input type='text' name='Asunto' id='Asunto'></br>
Mensaje:<textarea name="Mensaje" id="Mensaje" ></textarea></br></br>

<input type='submit' value='Enviar Formulario'>
<input type='reset' value='Reiniciar Formulario'>
</form>

Y supongo que dara igual haberlas quitado porque no podian estar repetidas....eso si, el <form> </form> esta dentro del <body> </body> en la misma posicion exacta.

No se me ocurre nada mas, toy perdido

Satyricon · Mayo 28, 2012, 08:42:06 PM

Vamos por partes.
1º Editaste el e-mail donde te van a llegar las cosas?

Código: php

$receptor = "[email protected]";

2º Dejame dicho que hosting estas usando. Servicio de almacenamiento.
Hay algunos que permiten otras funciones a las que te pase, por eso.

3º Revisa algo mas de HTML, es lo mas básico que hay, y es una lastima que te pongas a editar algo que no tenes idea como funciona.

akil3s · Mayo 29, 2012, 01:48:25 AM

Gracias por responder Satyricon.

Si, he editado lo del correo y he puesto uno mío para probar. Subí el contacto.html de nuevo con la modificación para que fuese accesible, pero sale lo que deje en las imágenes.

Trabajo con hostytec bajo paralels plesk.

El código HTML esta bien porque los enlaces y demás funcionan correctamente. Quizá el problema esté en que no copie bien tu código php, en cuanto pueda reviso todo de nuevo por si fuese el típico error de que falta o sobra un punto.

Muchas gracias por tu interés.

akil3s · Mayo 29, 2012, 01:00:50 PM

Nada, que por muchas vueltas que le doy no veo lo que puede estar mal.

El .php tiene esto:

Código: php

<?php

$name = $_POST["Nombre"]; 
$email = $_POST["E-mail"]; 
$asunto = $_POST["Asunto"]; 
$mensaje = $_POST["Mensaje"]; 

$envio .="Name: ". $name ."\n"; 
$envio .="E-Mail: ".$email. "\n"; 
$envio .="Web: ".$web. "\n"; 
$envio .="Comentario: ". $comentario. "\n"; 

$receptor = "[email protected]"; 
$emisor = $email;
$subject = $asunto; 

$mailheaders = $receptor;

mail($emisor, $subject, $mensaje, $mailheaders);
echo ("<a href='javascript:history.back(1)'>Regresar</a>")

?>

y en el codigo del contacto.html hay esto:

Código: php

<!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>Miss tijera</title>
<meta name="keywords" content="Black Fox, Contact Page, Free CSS Template, full-site, 5 pages, HTML" />
<meta name="description" content="Black Fox Contact Page - free CSS template from templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.ennui.contentslider.css" rel="stylesheet" type="text/css" media="screen,projection" />
<style type="text/css">
<!--
.Estilo2 {
	font-size: 14;
	font-weight: bold;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>

<div id="Layer1" style="position:absolute; left:198px; top:63px; width:146px; height:111px; z-index:1"><a href="index.html"><img src="images/templatemo_logo.png" alt="logo" /></a></div>
<div id="templatemo_menu_wrapper">

    <div id="templatemo_menu">
    
        <ul>
            <li><a href="index.html">Home</a></li>
            <li></li>
            <li></li>
            <li></li>
            <li><a href="contact.html" class="current">Contacto</a></li>
        </ul>    	
    
    </div> <!-- end of templatemo_menu -->
</div> <!-- end of menu wrapper -->

<div id="templatemo_header_wrapper">
  <div id="templatemo_header">
    <div id="site_title">
      <h1><a href="index.html">  </a></h1>
    </div>
    <div id="templatemo_slider">
      <div id="one" class="contentslider">
        <div class="cs_wrapper">
          
          <div class="cs_slider">
          
                <div class="cs_article"> 
                    <a href="http://www.templatemo.com/page/1" target="_parent"> 
                    <img src="images/slider/templatemo_slide02.jpg" alt="Project 1" /></a> 
                </div>
                
                <div class="cs_article"> 
                    <a href="http://www.templatemo.com/page/2" target="_parent"> 
                    <img src="images/slider/templatemo_slide01.jpg" alt="Project 2" /></a> 
                </div>
                
                <div class="cs_article"> 
                    <a href="http://www.templatemo.com/page/3" target="_parent"> 
                    <img src="images/slider/templatemo_slide03.jpg" alt="Project 3" /></a> 
                </div>
                
                <div class="cs_article"> 
                    <a href="http://www.templatemo.com/page/4" target="_parent"> 
                    <img src="images/slider/templatemo_slide04.jpg" alt="Project 4" /></a> 
                </div>
            
          </div>
          <!-- End cs_slider -->
          
        </div>
        <!-- End cs_wrapper -->
      </div>
      <!-- End contentslider -->
      <!-- Site JavaScript -->
      <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
      <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
      <script type="text/javascript" src="js/jquery.ennui.contentslider.js"></script>
      <script type="text/javascript">
                $(function() {
                $('#one').ContentSlider({
                width : '430px',
                height : '200px',
                speed : 600,
                easing : 'easeInOutQuart'
                });
                });
            </script>
      <script src="js/jquery.chili-2.2.js" type="text/javascript"></script>
      <script src="js/chili/recipes.js" type="text/javascript"></script>
      <div class="cleaner"></div>
    </div>
    <!-- end of templatemo_slider -->
  </div>
  <!-- header -->

</div> 
<!-- end header wrapper -->


<div id="templatemo_content_wrapper">
	<div id="templatemo_content">
    	
         <h1>Contacto</h1>
			<div class="two_column float_l">
            
            	<div id="contact_form">

				<p>Si necesitas ponerte en contacto con nosotros sobre cualquier duda, consulta o mejora, pudes hacerlo desde este formaulario.<br />
				  Ser&aacute;s atendido a la mayor brevedad posible. </p>
				<p>&nbsp;</p>
				<h3> Formulario de contacto</h3>
            
                
				<form name='formulario' id='formulario' method='post' action='enviar.php'>

                  <p>Nombre: 
                    <input type='text' name='Nombre' id='Nombre'>
                    </br>
</p>
                  <p>E- mail :   
                    <input type='text' name='E-mail' id='E-mail'>
                    </br>
</p>
                  <p>Asunto : 
                    <input type='text' name='Asunto' id='Asunto'>
                    </br>
</p>
                  <p>Mensaje
                    <textarea name="Mensaje" id="Mensaje" ></textarea>
                    </br>
                    </br>

                    <input type='submit' value='Enviar Formulario'>
                    <input type='reset' value='Reiniciar Formulario'>
                                                                        </p>
				</form>
				
				
				
				
            </div>
                
            </div> 
            
            <div class="two_column float_r">
            
			<p>Aqu&iacute; tienes nuestra direcci&oacute;n, horario y nùmeros de telefono de contacto para esatar a tu total disposici&oacute;n.</p>
			<p>&nbsp;</p>
<div class="two_column float_r">
            
           		<h6>Direcci&oacute;n:</h6>
                <span class="Estilo2">C/ Jaime I el conquistador
                </span>
                <div class="cleaner_h40 Estilo2">22 Posterior </div>
            
        <h6>Horario:</h6>
                <h6>Lun - Vie: 10:00 - 14:00<br />
  Lun - Vie: 15:30 - 19:30 <br />
  Sab: 9:00 - 14:00 </h6>
                <div class="cleaner_h40"></div>
            
                <h6>Tel&eacute;fono de contacto: </h6>
                <p>91.128.17.25 <br />
  647.571.271</p>
                <p>MAPA <br />
				<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.es/maps/ms?msid=211678978825118820288.0004bbaf052d88862f014&amp;msa=0&amp;hl=es&amp;ie=UTF8&amp;ll=40.234874,-3.763408&amp;spn=0.000111,0.000019&amp;t=h&amp;output=embed"></iframe><br /><small>Ver <a href="http://maps.google.es/maps/ms?msid=211678978825118820288.0004bbaf052d88862f014&amp;msa=0&amp;hl=es&amp;ie=UTF8&amp;ll=40.234874,-3.763408&amp;spn=0.000111,0.000019&amp;t=h&amp;source=embed" style="color:#0000FF;text-align:left">Calle de Jaime I 'El Conquistador', 22</a> en un mapa más grande</small>
                </p>
</div> 
            </div>
    
    	<div class="cleaner"></div>
	</div> <!-- end of content -->
</div> <!-- end of content_wrapper -->

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
    
    	<div class="footer_box">
        
            <div class="footer_menu">
            
              <h3>Miss Tijera </h3>
    			
                <img src="images/templatemo_image_04.jpg" alt="image" />
                <p>Miss Tijera, tu peluqueria en Parla.</p>
                
                <div class="button"><a href="#"></a></div>
          </div>
            
        </div>
        
        <div class="footer_box">
        
            <div class="footer_menu">
            
                <h3>Navegaci&oacute;n</h3>
    
                <ul class="footer_menu">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="contact.html">Contacto</a></li>
                </ul>
                
            </div>
		</div>
    
    	<div class="cleaner"></div>
    </div> <!-- end of footer -->
</div> <!-- end of footer wrapper -->    

<div id="templatemo_copyright_wrapper">
	<div id="templatemo_copyright">
    
	Copyright © 2012 <a href="http://www.misstijera.com">Miss Tijera </a>| 
        akil3s</div> </div> <!-- end of templatemo_copyright -->
</div> <!-- end of copyright wrapper -->

</body>
</html>

si alguien ve algo raro, que me de una pista jeje
Gracias

Satyricon · Mayo 31, 2012, 01:40:18 PM

Hace lo siguiente, proba con el codigo asi, te tiene que imprimir arriba del "Regresar, el nombre que llenaste en el formulario, y el email. Vamos a ir revisando por partes...
Con esto vamos a comprobar si el php esta recibiendo lo que enviamos del formulario, si es correcto al recibir, estamos mal en el envio del email...

Código: php

<?php

$name = $_POST["Nombre"]; 
$email = $_POST["E-mail"]; 
$asunto = $_POST["Asunto"]; 
$mensaje = $_POST["Mensaje"]; 

$envio .="Name: ". $name ."\n"; 
$envio .="E-Mail: ".$email. "\n"; 
$envio .="Web: ".$web. "\n"; 
$envio .="Comentario: ". $comentario. "\n"; 

$receptor = "[email protected]"; 
$emisor = $email;
$subject = $asunto; 

$mailheaders = $receptor;

echo $name;
echo $email;

mail($emisor, $subject, $mensaje, $mailheaders);
echo ("<a href='javascript:history.back(1)'>Regresar</a>")

?>

akil3s · Mayo 31, 2012, 03:39:59 PM

Gracias por contestar Styricon. Efectivamente al dar a enviar ahora sale el email que se ha puesto en el formulario.

akil3s · Junio 05, 2012, 02:15:18 PM

ya esta resuelto.
el problema es que no es :

Código: php

mail($emisor, $subject, $mensaje, $mailheaders);

sino:

Código: php

mail($receptor, $subject, $mensaje, $mailheaders);

Por eso no iba.

Podeis cerrar el tema, gracias.

[SOLUCIONADO] Ayuda con formulario Html

akil3s

Mayo 25, 2012, 07:41:47 AM Ultima modificación: Marzo 06, 2014, 12:40:18 AM por Expermicid

Cronos

Mayo 25, 2012, 11:20:39 PM #1

s3cur1tyr00t

Mayo 26, 2012, 12:07:40 AM #2

Satyricon

Mayo 26, 2012, 01:03:18 AM #3

akil3s

Mayo 26, 2012, 04:42:19 AM #4

akil3s

Mayo 26, 2012, 06:01:47 AM #5

Pr0ph3t

Mayo 26, 2012, 06:14:15 AM #6

akil3s

Mayo 26, 2012, 07:06:46 AM #7

akil3s

Mayo 27, 2012, 10:52:33 AM #8

s3cur1tyr00t

Mayo 27, 2012, 11:37:20 AM #9

akil3s

Mayo 27, 2012, 12:48:39 PM #10

Satyricon

Mayo 28, 2012, 08:42:06 PM #11

akil3s

Mayo 29, 2012, 01:48:25 AM #12

akil3s

Mayo 29, 2012, 01:00:50 PM #13

Satyricon

Mayo 31, 2012, 01:40:18 PM #14

akil3s

Mayo 31, 2012, 03:39:59 PM #15

akil3s

Junio 05, 2012, 02:15:18 PM #16