Configurar Formulario de contacto

rolaynd · #1 (**permalink**) 01/07/2010, 17:20

Hola Chicos:

Me he conseguido un plantilla html que me gustaria usar para mi web, el problema es que le falta el form.php del formulario de contacto. He leido algunos post de como configurar un formulario pero no me funciona.
Les copio el codigo html original de la plantilla que estoy usando (aun no esta personalizada).

contact.html

<!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=iso-8859-1" />
<title>Industrial Construction</title>
<link href="stylesheet/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
<div class="container-left">
<div class="logozone">
<a href="index.html"><img src="images/logo.jpg" alt="" border="0" /></a>
</div>
<div class="clear"></div>
<div class="mainmenu">
<ul>
<li><a href="index.html">01. home</a></li>
<li><a href="aboutus.html">02. about us</a></li>
<li><a href="projects.html">03. projects</a></li>
<li><a href="services.html">04. services</a></li>
<li><a href="#">05. equipments</a></li>
<li><a href="support.html">06. support</a></li>
<li><a href="contact.html">07. contact us</a></li>
</ul>
</div>
<div class="clear"></div>
<div>
<div class="newsheading">News & Events</div>
<div>
<div>
<div class="newssubheading">12th January, 2009</div>
<div class="newscontent">
Nunc consectetuer diam ac odio. Pellentesque vel mauris sit amet urna malesuada ornare. Curabitur venenatis est eget arcu. Donec vestibulum.
</div>
</div>
</div>
<div>
<div>
<div class="newssubheading">18th January, 2009</div>
<div class="newscontent">
Fusce tristique, nisl vel gravida venenatis, risus magna eleifend pede, id bibendum mauris metus et erat. Morbi in leo. Quisque sollicitudin sagittis est. </div>
</div>
</div>
<div>
<div>
<div class="newssubheading">25th January, 2009</div>
<div class="newscontent">
Fusce tristique, nisl vel gravida venenatis, risus magna eleifend pede, id bibendum mauris metus et erat. Morbi in leo. Quisque sollicitudin sagittis est. </div>
</div>
</div>
<div>
<div>
<div class="newssubheading">27th January, 2009</div>
<div class="newscontent">
Nunc consectetuer diam ac odio. Pellentesque vel mauris sit amet urna malesuada ornare. Curabitur venenatis est eget arcu. Donec vestibulum.
</div>
</div>
</div>
<div>
<div>
<div class="newssubheading">27th January, 2009</div>
<div class="newscontent">
Fusce tristique, nisl vel gravida venenatis, risus magna eleifend pede, id bibendum mauris metus et erat. Morbi in leo. Quisque sollicitudin sagittis est. </div>
</div>
</div>
</div>
<div class="clear"></div>
<div>
<div class="contactheading">Contact Us</div>
<div class="contactus-block">Address : <br />
<strong>Industrial Construction<br />
57B, consectetuer adipiscing elit<br />
Duis cursus tortor. NA, 12098<br />
Phone : 120-456 7865</strong><br />
<strong>e-mail :</strong> [email protected]</div>
</div>
</div>
<div class="container-right">
<div>
<div class="banner"></div>
<div>
<h1>Contact</h1>
</div>
<div class="clear"></div>
<div>
<div style="margin-bottom:10px;">
<div> <strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sed odio et ante adipiscing lobortis. Quisque eleifend, arcu a dictum varius, risus neque venenatis arcu, a semper massa mi eget ipsum. </strong><br /><br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sed odio et ante adipiscing lobortis. Quisque eleifend, arcu a dictum varius, risus neque venenatis arcu, a semper massa mi eget ipsum.
</div>
<div> <br />
<h2>Contact Form:</h2>
<form action="form.php" method="post">
<table width="97%">
<tr>
<td width="145" class="body" id="Company"><strong>
<label for="Company">Company:</label>
</strong></td>
<td width="280"><input name="Company" type="text" size="40" /></td>
</tr>
<tr>
<td class="body" id="Contact"><strong>
<label for="FullName">Full Name:</label>
</strong></td>
<td><input name="Name" type="text" size="40" /></td>
</tr>
<tr>
<td class="body" id="Address"><strong>
<label for="Address">Address:</label>
</strong></td>
<td><input name="Address" type="text" size="40" /></td>
</tr>
<tr>
<td class="body" id="Phone"><strong>
<label for="Phone">Phone:</label>
</strong></td>
<td><input name="Phone" type="text" size="40" /></td>
</tr>
<tr>
<td class="body" id="Email"><strong>
<label for="Email">Email:</label>
</strong></td>
<td><input name="Email" type="text" size="40" /></td>
</tr>
<tr>
<td class="body" id="Comments"><strong>
<label for="Comments">Questions/Comments:</label>
</strong></td>
<td><textarea name="comments" cols="32" rows="6"></textarea></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="submit" class="button" value="Send Now" /></td>
</tr>
</table>
</form>
</div>
<div> <br />
<h2>Contact Information: </h2>
<img src="images/photo-contact.jpg" alt="" width="196" height="130" class="project-img" />
<p>100 Lorem Ipsum Dolor Sit<br />
88-99 Sit Amet, Lorem<br />
USA</p>
<p> <span><img src="images/ico-phone.png" alt="Phone" width="20" height="16" hspace="2" /> Phone:</span> (888) 123 456 789<br />
<span><img src="images/ico-fax.png" alt="Fax" width="20" height="16" hspace="2" /> Fax:</span> (888) 987 654 321<br />
<span><img src="images/ico-website.png" alt="WWW Link" width="20" height="16" hspace="2" /> Website:</span> <a href="#">www.mycompany.com</a><br />
<span><img src="images/ico-email.png" alt="Email" width="20" height="16" hspace="2" /> Email:</span> <a href="mailto:[email protected]">[email protected] m</a><br />
<span><img src="images/ico-twitter.png" alt="Twitter Follow" width="20" height="16" hspace="3" /> <a href="#">Follow</a> on Twitter</span><br />
</p>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>

<div class="clear"></div>
</div>
<div class="footer">
<div class="bottommenu">
<ul>
<li><a href="index.html">home</a></li>
<li><a href="aboutus.html">about us</a></li>
<li><a href="projects.html">projects</a></li>
<li><a href="services.html">services</a></li>
<li><a href="equipments.html">equipments</a></li>
<li><a href="client.html">clients</a></li>
<li style="border:none;"><a href="contact.html">contact us</a></li>
</ul>
</div>
</div>
</body>
</html>

Bueno he copiado todo, aunque imagino que era suficiente con el trozo del formulario.

Me podeis ayudar con el codigo del archivo form.php que necesito para que funcione.

les agradezco vuestra ayuda, estoy empezando y me gustaría aprender.

Saludos.

XxflezhaxX · #2 (**permalink**) 01/07/2010, 18:00

que es lo que quieres hacer con este formario, recibir o enviar (get/post)
tambien nos ayudarias si nos das un link para ver dicho formulario.

rolaynd · #3 (**permalink**) 02/07/2010, 06:45

Hola:

quiero recibir consultas.

Este es el link: http://disero.com/contact.html

disweb · #4 (**permalink**) 02/07/2010, 17:31

Yo he usado un programa llamado PHP-Form Wizard 1.2.5.

Te pongo el script que generó, funciona perfectamente, está dirigido al correo [email protected] y envía una confirmación al visitante. Ya verás vos si lo editás.

Código PHP:

  
<?php
# ----------------------------------------------------
# -----
# ----- This script was generated by PHP-Form Wizard 1.2.5 on 02/07/2010 at 05:18:18 p.m.
# -----
# ----- http://www.tools4php.com
# -----
# ----------------------------------------------------


// Receiving variables
@$pfw_ip= $_SERVER['REMOTE_ADDR'];
@$Company = addslashes($_POST['Company']);
@$Name = addslashes($_POST['Name']);
@$Address = addslashes($_POST['Address']);
@$Phone = addslashes($_POST['Phone']);
@$Email = addslashes($_POST['Email']);
@$comments = addslashes($_POST['comments']);

// Validation
if (strlen($Name) == 0 )
{
die("<p align='center'><font face='Arial' size='3' color='#FF0000'>Please enter a valid name</font></p>");
}

if (! ereg('[A-Za-z0-9_-]+\@[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+', $Address))
{
die("<p align='center'><font face='Arial' size='3' color='#FF0000'>Please enter a valid address</font></p>");
}

if (strlen($Address) == 0 )
{
die("<p align='center'><font face='Arial' size='3' color='#FF0000'>Please enter a valid address</font></p>");
}

if (! ereg('[A-Za-z0-9_-]+\@[A-Za-z0-9_-]+\.[A-Za-z0-9_-]+', $Email))
{
die("<p align='center'><font face='Arial' size='3' color='#FF0000'>Please enter a valid email</font></p>");
}

if (strlen($Email) == 0 )
{
die("<p align='center'><font face='Arial' size='3' color='#FF0000'>Please enter a valid email</font></p>");
}

if (strlen($comments) == 0 )
{
die("<p align='center'><font face='Arial' size='3' color='#FF0000'>Please enter a valid comments</font></p>");
}

//Sending Email to form owner
$pfw_header = "From: $Email\n"
  . "Reply-To: $Email\n";
$pfw_subject = "Mensaje recibido";
$pfw_email_to = "[email protected]";
$pfw_message = "Visitor's IP: $pfw_ip\n"
. "Company: $Company\n"
. "Name: $Name\n"
. "Address: $Address\n"
. "Phone: $Phone\n"
. "Email: $Email\n"
. "comments: $comments\n";
@mail($pfw_email_to, $pfw_subject ,$pfw_message ,$pfw_header ) ;

//Sending auto respond Email to visitor
$pfw_header = "From: [email protected]\n"
  . "Reply-To: [email protected]\n";
$pfw_subject = "Mensaje recibido";
$pfw_email_to = "$Email";
$pfw_message = "$Name hemos recibido su mensaje. Nos comuncaremos pronto con usted.";
@mail($pfw_email_to, $pfw_subject ,$pfw_message ,$pfw_header ) ;

 echo("<p align='center'><font face='Arial' size='5' color='#008000'>Mensaje enviado correctamente.</font></p>");
?>

rolaynd · #5 (**permalink**) 02/07/2010, 18:40

Muchas Gracias:

Ya lo he probado en el template y funciona de maravilla, solo he tenido que cambiar la direccion de email por otra válida y le he quitado las condiciones del campo "Adress" que estaban como si fuera un email.

Ahora lo me gustaría saber es como ponerle un boton de "volver" en la pagina que me sale cuando se envía el formulario, o cuando pide que rellene correctamente algún campo, por puede que alguno se pierda y no sepa darle "atras" en la flecha del navegador

.

Muchas Gracias.

rufus · #6 (**permalink**) 04/07/2010, 15:19

puedes poner un enlace :

<p><a href="pagina.html">volver</a></p>
y con el css le das algo de estilo

rolaynd · #7 (**permalink**) 04/07/2010, 16:41

pero como meto ese código en el php que me posteado disweb , si lo pongo como me dices no funciona, ademas necesito que vuelva a la pagina anterior que creo que sería algo como "javascript:history.back(1)". No se si os dais cuenta pero mi nivel es bajo.

Os Agradezco la Ayuda.

disweb · #8 (**permalink**) 04/07/2010, 20:07

Tendrías que agregarlo en la línea de echo del PHP, así:

Código PHP:

   
echo("<p align='center'><font face='Arial' size='5' color='#008000'>Mensaje enviado correctamente.</font></p><p><a href='pagina.html'>Volver</a></p>");

Le podrías poner atributos de texto o con CSS como te indica Rufus. Si observás, pagina.html no está entre comillas sino entre apóstofes para que no dé error en la lectura de PHP.

pagina.html será hacia donde querés dirigir a tu usuario.

rolaynd · #9 (**permalink**) 05/07/2010, 02:31

muchas gracias... Funciona de Maravilla..

SALUDOS