Comunidad de diseño web y desarrollo en internet online

Ayuda con este form!!!!

Citar            
MensajeEscrito el 10 Nov 2011 10:14 pm
Estoy creando un sitio web para una ONG, y es en base a un template. El tema es que intenté configurar el form de contacto. El mail llega a mi correo, pero en la parte "de" que debería decir [email protected] llega como "la dirección no es válida" y el cuerpo del mail que deberia tener los datos:
Este mensaje fue enviado por
Su e-mail es:
Su telefono de contacto es: -->
Mensaje: -->
Enviado el 10/11/2011
llegan pero vacíos. Si me pueden dar una mano les agradeceré muchísimo. La verdad es que de HTML se muy poco, básicamente soy un rostro, que asi les pido que sean claros o prácticos en lo que me responan. Desde ya muchas gracias.
Adjunto el código HTML y PHP

Código HTML :

HTML
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<link rel="apple-touch-icon" href="../favicon.png"/>
<link rel="icon" href="../favicon.png" type="image/png"/>
<link rel="shortcut icon" href="../favicon.png" type="image/png" />
<meta charset="utf-8">
<link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="../css/grid.css" type="text/css" media="screen">
<script type="text/javascript" src="../js/jquery-1.6.min.js" ></script>
<script type="text/javascript" src="../js/FF-cash.js" ></script>
<script type="text/javascript" src="../js/cufon-yui.js"></script>
<script type="text/javascript" src="../js/cufon-replace.js"></script>
<script type="text/javascript" src="../js/Hattori_Hanzo_300.font.js"></script>
<script type="text/javascript" src="../js/contact-form.js"></script>
<script type="text/javascript" src="../js/hoverIntent.js"></script>
<script type="text/javascript" src="../js/superfish.js"></script>
 <!--[if lt IE 7]> 
       <div style=' clear: both; text-align:center;  padding:0 0 0 0px; position: relative;'>
         <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg"  border="0" height="42" width="820" alt="You are using an outdated browser. For a  faster, safer browsing experience, upgrade for free today. /></a>
      </div> 
  <![endif]-->
    <!--[if lt IE 9]> 
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
        <script type="text/javascript" src="js/html5.js"></script>
    <![endif]--> 
</head>

<body id="page6">
   <script language="JavaScript" type="text/javascript"><!--
var txt="    .:. Más Amor en Navidad .:.     -";
var refresco=null;
function titulo() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0); 
refresco=setTimeout("titulo()",200);}
titulo();
// -->
</script>
      <!-- header -->
            <header>
                <div class="container_12">
                    <div class="row1">
                        <div class="extra-wrap">
                           <h1><a href="../index.html">Yard</a></h1>
                           <nav>
                            <ul class="sf-menu">
                            <li><a href="../index.html">Inicio</a></li>
                            <li><a href="../adra/index.html">Qué es ADRA</a></li>                             
                            <li class="menu-activ"><a href="../ayudar/index.html">Cómo ayudar</a></li>
                            <li><a href="../videos/index.html">Videos</a></li>
                            <li><a href="../materiales/index.html">Materiales</a></li>                        
                            <li class="last"><a href="index.html" class="active">Contacto</a></li>
                            </ul>
                        </nav>
                        <div class="clear"></div>
                        </div>   
                    </div> 
                </div>
            </header>
      <!-- content -->
      <section id="content">
           <div class="container_12">
            <div class="wrapper">
                   <div class="grid_form alpha">
                    <div class="pad-left">
                       <h2 class="indent2">Información de contacto</h2>
                         <iframe src="http://www.google.es/maps/ms?msid=204550958349218823575.0004b0837f8d79b27ce91&amp;msa=0&amp;ie=UTF8&amp;t=m&amp;vpsrc=6&amp;ll=-35.344255,-55.931396&amp;spn=2.688312,3.295898&amp;z=7&amp;iwloc=0004b0839bfa5e3d7cc94&amp;output=embed"></iframe>
                  <dl>
                            <dt><strong>ADRA IAU.</strong></dt>   
                            <dd class="dd-top">&nbsp;</dd>
                            <dd>E-mail:<a href="#">[email protected]</a></dd>
                        </dl>
                    </div>
                    </div>
                    <div class="grid_7 omega">
                    <div class="box1-top"></div>
                         <div class="box1">
                           <div class="padding">
                               <h4>Formulario de contacto</h4>
                                <div id="contact_form">
                                   <form action="contacto.php" method="post" class="main-contacts" id="contact-form">
                                        <fieldset>
                                            <input type="hidden" name="owner_email" id="owner_email" value="[email protected]" />
                                            <input type="hidden" name="serverProcessorType" id="serverProcessorType" value="php" />
                                            <input type="hidden" name="smtpMailServer" id="smtpMailServer" value="localhost" />
                                            <input type="hidden" name="stripHTML" id="stripHTML" value="true" />
                                   <div class="text4">Nombre:&nbsp;</div>
                                            <div class="rowElem">
                                                <input type="text" name="nombre" id="nombre" value="" onFocus="if(this.value==''){this.value=''}" onBlur="if(this.value==''){this.value=''}" />
                                                <label class="error" for="nombre" id="name_error">*This field is required.</label>
                                                <label class="error" for="nombre" id="name_error2">*This is not a valid name.</label>
                                            </div>
                                             <div class="text4 text4-left">E-mail:&nbsp;&nbsp;&nbsp;&nbsp;</div>
                                            <div class="rowElem">
                                                <input type="text" name="mail" id="mail" value="" onFocus="if(this.value==''){this.value=''}" onBlur="if(this.value==''){this.value=''}" />
                                                <label class="error" for="mail" id="email_error">*This field is required.</label>
                                                <label class="error" for="mail" id="email_error2">*This is not a valid email address.</label>
                                            </div>
                                            <div class="text4 text4-left1">Teléfono:</div>
                                            <div class="rowElem">
                                                <input name="telefono" type="text" id="telefono" onFocus="if(this.value==''){this.value=''}" onBlur="if(this.value==''){this.value=''}" value="" maxlength="9" />
                                                <label class="error" for="telefono" id="phone_error">*This field is required.</label>
                                                <label class="error" for="telefono" id="phone_error2">*This is not a valid phone number.</label>
                                            </div>
                                            <div class="text4 text4-left2">Mensaje:&nbsp;&nbsp;&nbsp;&nbsp;</div>
                                            <div class="textarea-box">
                                                <textarea onFocus="if(this.value==''){this.value=''}" onBlur="if(this.value==''){this.value=''}" name="mensaje" id="mensaje"></textarea>
                                                <label class="error" for="mensaje" id="message_error">*This field is required.</label>
                                                <label class="error" for="mensaje" id="message_error2">*The message is too short.</label>
                                            </div>
                                            <div class="buttons-wrapper1">
                                                <a href="#" id="clear"><em><em>Clear</em></em></a>
                                                <a href="contacto.php" type"submit" id="submit" value="Enviar"><em><em>Enviar</em></em></a>
                                            </div>
                                        </fieldset>
                                    </form>
                                   
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="padding-bot2"></div>
         </div>
            
        </section>
   <!-- footer -->
   <footer>
       <div class="container_12">
         <div class="foot-text">
           <p><span>Más Amor en Navidad</span> <em>&copy; 2011| <a href="../politicas/index.html">Políticas de Privacidad</a></em></p>
           <p><em>Diseño by Departamento de Comunicaciones IASD.</em></p>
        </div>
            <!-- {%FOOTER_LINK} -->
        </div>
         
      
   </footer>  
   <script type="text/javascript"> Cufon.now(); </script>       
</body>
</html>



PHP

Código PHP :

<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<link rel="apple-touch-icon" href="../favicon.png"/>
<link rel="icon" href="../favicon.png" type="image/png"/>
<link rel="shortcut icon" href="../favicon.png" type="image/png" />
<meta charset="utf-8">
<link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="../css/grid.css" type="text/css" media="screen">
<script type="text/javascript" src="../js/jquery-1.6.min.js" ></script>
<script type="text/javascript" src="../js/FF-cash.js" ></script>
<script type="text/javascript" src="../js/cufon-yui.js"></script>
<script type="text/javascript" src="../js/cufon-replace.js"></script>
<script type="text/javascript" src="../js/Hattori_Hanzo_300.font.js"></script>
<script type="text/javascript" src="../js/hoverIntent.js"></script>
<script type="text/javascript" src="../js/superfish.js"></script>
 <!--[if lt IE 7]> 
       <div style=' clear: both; text-align:center;  padding:0 0 0 0px; position: relative;'>
         <a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg"  border="0" height="42" width="820" alt="You are using an outdated browser. For a  faster, safer browsing experience, upgrade for free today. /></a>
      </div> 
  <![endif]-->
    <!--[if lt IE 9]> 
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
        <script type="text/javascript" src="js/html5.js"></script>
    <![endif]--> 
</head>

<body id="page2">
   <script language="JavaScript" type="text/javascript"><!--
var txt="    .:. Más Amor en Navidad .:.     -";
var refresco=null;
function titulo() {
document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0); 
refresco=setTimeout("titulo()",200);}
titulo();
// -->
</script>
      <!-- header -->
            <header>
                <div class="container_12">
                    <div class="row1">
                        <div class="extra-wrap">
                           <h1><a href="../index.html">Yard</a></h1>
                           <nav>
                            <ul class="sf-menu">
                            <li><a href="../index.html">Inicio</a></li>
                            <li><a href="../adra/index.html" class="sf-menu">Qué es ADRA</a></li>                             
                            <li><a href="../ayudar/index.html" class="sf-menu">Cómo ayudar</a></li>
                            <li><a href="../videos/index.html">Videos</a></li>
                            <li><a href="../materiales/index.html">Materiales</a></li>                        
                            <li class="last"><a href="index.html">Contacto</a></li>
                           </ul>
                        </nav>
                        <div class="clear"></div>
                        </div>   
                    </div> 
                </div>
            </header>
      <!-- content -->
<section id="content">
           <div class="container_12 indent2">
            <div class="wrapper">
                    <div class="grid_3 alpha">
                      <h2>Proyecto</h2>
                      <ul class="list1 list-top">
                        <li><a href="../ayudar/preguntas/index.html#ancla1">¿Quiénes somos?</a></li>
                      <li><a href="../ayudar/preguntas/index.html#ancla2">¿Qué nos motiva a colaborar?</a></li>
                      <li><a href="../ayudar/preguntas/index.html#ancla3">¿Qué puedo donar?</a></li>
                      <li><a href="../ayudar/preguntas/index.html#ancla4">¿Cuándo puedo ayudar?</a></li>
                      <li><a href="../ayudar/preguntas/index.html#ancla5">¿Por qué ayudar?</a></li>
                      <li><a href="../ayudar/preguntas/index.html#ancla6">¿En dónde puedo colaborar?</a></li>
                      </ul>
                </div>
                    <div class="grid_9">
                        <h2>¡Gracias por contactarte con nosotros!</h2>
                        <div class="wrapper img-top">
                          <p>En breve nos estaremos comunicando contigo por algunos de los siguientes medios:</p>
                          <p>+ E-mail</p>
                          <p>+ Teléfono</p>
                          <p>&nbsp;</p>
                          <p>Atentamente, ADRA IAU.</p>
                        </div>
                      <div class="wrapper pad-top">
                        <p>&nbsp;</p>
                        <p>&nbsp;</p>
                        <p>
                        <?php
$nombre = $_POST['nombre'];
$mail = $_POST['mail'];

$header = 'From: ' . $mail . " \r\n";
$header .= "X-Mailer: PHP/" . phpversion() . " \r\n";
$header .= "Mime-Version: 1.0 \r\n";
$header .= "Content-Type: text/plain";

$mensaje = "Este mensaje fue enviado por " . $nombre . " \r\n";
$mensaje .= "Su e-mail es: " . $mail . " \r\n";
$mensaje .= "Su telefono de contacto es: --> " . $telefono . " \r\n";
$mensaje .= "Mensaje: --> " . $_POST['mensaje'] . " \r\n";
$mensaje .= "Enviado el " . date('d/m/Y', time());

$para = '[email protected]';
$asunto = 'Formulario de consulta: Más Amor en Navidad';

mail($para, $asunto, utf8_decode($mensaje), $header);

echo "Su mensaje fue enviado correctamente";
?>
                        <br>
                        <br>
                        <br>
                        <br>
                        <br>
                        <br>
                        <br>
<br>
<br>
                        </p>
                      </div>
                    </div>
                </div>
                <div class="padding-bot1"></div>
         </div>
            
        </section>
   <!-- footer -->
   <footer>
    <div class="container_12">
         <div class="foot-text">
           <p><span>Más Amor en Navidad</span> <em>&copy; 2011| <a href="../politicas/index.html">Políticas de Privacidad</a></em></p>
           <p><em>Diseño by Departamento de Comunicaciones IASD</em>    </p>
         </div>
    </div>
         
      
   </footer>  
   <script type="text/javascript"> Cufon.now(); </script>       
</body>
</html>

Por kristerger

21 de clabLevel



 

msie
Citar            
MensajeEscrito el 11 Nov 2011 02:41 am
Dios mío, te juro que lo intenté pero no puedo ver nada.

Intenta quitar todo lo demás y deja los campos de formularios y PHP. Separalos con la etiqueta [code_] (sin el guión bajo) y vuelvelo a postear.

Estaré atento para ayudarte.

Por Kinduff

Claber

3563 de clabLevel

21 tutoriales
3 articulos

 

web dev wizzard

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.