Foros del Web » Creando para Internet » Diseño web »

Configurar Formulario de contacto

Estas en el tema de Configurar Formulario de contacto en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 01/07/2010, 18:20
 
Fecha de Ingreso: julio-2010
Mensajes: 5
Antigüedad: 7 años, 5 meses
Puntos: 0
Pregunta Configurar Formulario de contacto

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 &amp; 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.
  #2 (permalink)  
Antiguo 01/07/2010, 19:00
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: Configurar Formulario de contacto

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.
  #3 (permalink)  
Antiguo 02/07/2010, 07:45
 
Fecha de Ingreso: julio-2010
Mensajes: 5
Antigüedad: 7 años, 5 meses
Puntos: 0
Respuesta: Configurar Formulario de contacto

Hola:

quiero recibir consultas.

Este es el link: http://disero.com/contact.html
  #4 (permalink)  
Antiguo 02/07/2010, 18:31
 
Fecha de Ingreso: octubre-2008
Mensajes: 165
Antigüedad: 9 años, 1 mes
Puntos: 12
Respuesta: Configurar Formulario de contacto

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) == )
{
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) == )
{
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) == )
{
die(
"<p align='center'><font face='Arial' size='3' color='#FF0000'>Please enter a valid email</font></p>");
}

if (
strlen($comments) == )
{
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>");
?>
  #5 (permalink)  
Antiguo 02/07/2010, 19:40
 
Fecha de Ingreso: julio-2010
Mensajes: 5
Antigüedad: 7 años, 5 meses
Puntos: 0
Respuesta: Configurar Formulario de contacto

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.

Última edición por rolaynd; 02/07/2010 a las 19:47
  #6 (permalink)  
Antiguo 04/07/2010, 16:19
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: Configurar Formulario de contacto

puedes poner un enlace :

<p><a href="pagina.html">volver</a></p>
y con el css le das algo de estilo
  #7 (permalink)  
Antiguo 04/07/2010, 17:41
 
Fecha de Ingreso: julio-2010
Mensajes: 5
Antigüedad: 7 años, 5 meses
Puntos: 0
Respuesta: Configurar Formulario de contacto

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.
  #8 (permalink)  
Antiguo 04/07/2010, 21:07
 
Fecha de Ingreso: octubre-2008
Mensajes: 165
Antigüedad: 9 años, 1 mes
Puntos: 12
Respuesta: Configurar Formulario de contacto

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.
  #9 (permalink)  
Antiguo 05/07/2010, 03:31
 
Fecha de Ingreso: julio-2010
Mensajes: 5
Antigüedad: 7 años, 5 meses
Puntos: 0
Respuesta: Configurar Formulario de contacto

muchas gracias... Funciona de Maravilla..

SALUDOS

Etiquetas: configurar, contacto, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:40.