Volver al Foro de Diseño de páginas Web

¿Necesita ayuda con formulario de Contacto y Boletín

  • manchaai
  • Born
  • Born
  • No Avatar
  • Registrado: Feb 16, 2011
  • Mensajes: 1
  • Status: Offline

Nota Febrero 16th, 2011, 2:23 am

Hola a todos,

He comprado una plantilla de página web #31.892, cualquiera puede enseñarme a configurar el formulario de contacto y enviar el boletín de información a mi dirección de correo electrónico.

Formulario de contacto:

HTML Código: [ Select ]
<h3>Contact Form</h3>
<form id="ContactForm" action="" enctype="multipart/form-data">
<div>
<div class="col_1">
Enter Your Name:<br />
<input type="text" class="input" />
Enter Your E-mail:<br />
<input type="text" class="input" />
Enter Your State:<br />
<input type="text" class="input" />
</div>
<div class="col_2">
Enter Your Message:<br />
<textarea cols="1" rows="1"></textarea>
</div>
<a href="#" class="link1" onclick="document.getElementById('ContactForm').submit()">Submit</a>
<a href="#" class="link1" onclick="document.getElementById('ContactForm').reset()">Clear</a>
</div>
</form>
  1. <h3>Contact Form</h3>
  2. <form id="ContactForm" action="" enctype="multipart/form-data">
  3. <div>
  4. <div class="col_1">
  5. Enter Your Name:<br />
  6. <input type="text" class="input" />
  7. Enter Your E-mail:<br />
  8. <input type="text" class="input" />
  9. Enter Your State:<br />
  10. <input type="text" class="input" />
  11. </div>
  12. <div class="col_2">
  13. Enter Your Message:<br />
  14. <textarea cols="1" rows="1"></textarea>
  15. </div>
  16. <a href="#" class="link1" onclick="document.getElementById('ContactForm').submit()">Submit</a>
  17. <a href="#" class="link1" onclick="document.getElementById('ContactForm').reset()">Clear</a>
  18. </div>
  19. </form>


Newsletter:

HTML Código: [ Select ]
<h3>Newsletter</h3>
<form id="form_1" action="" method="post">
<div>
<div class="wrapper">
<div class="bg"><input type="text" class="input"></div>
<a href="#" class="button" onClick="document.getElementById('form_1').submit()">OK</a>
</div>
<a href="#">Unsubscribe</a>
</div>
</form>
  1. <h3>Newsletter</h3>
  2. <form id="form_1" action="" method="post">
  3. <div>
  4. <div class="wrapper">
  5. <div class="bg"><input type="text" class="input"></div>
  6. <a href="#" class="button" onClick="document.getElementById('form_1').submit()">OK</a>
  7. </div>
  8. <a href="#">Unsubscribe</a>
  9. </div>
  10. </form>


Gracias por tu ayuda!
  • Anonymous
  • Bot
  • No Avatar
  • Registrado: 25 Feb 2008
  • Mensajes: ?
  • Loc: Ozzuland
  • Status: Online

Nota Febrero 16th, 2011, 2:23 am

  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8925
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Marzo 30th, 2011, 6:24 pm

Hola Manchaai, ¿alguna vez capaz de resolver esto? En ambas se verá que el atributo de acción está en blanco, así que por ejemplo esta línea:

HTML Código: [ Select ]
<form id="ContactForm" action="" enctype="multipart/form-data">


El atributo de acción debe ser llenada en la localización de un script que reside en el servidor para procesar el formulario, por lo que, por ejemplo, un script PHP. Si usted tiene un script PHP llamado contact.php que iba a cambiar la línea a:

HTML Código: [ Select ]
<form id="ContactForm" action="contact.php" enctype="multipart/form-data">


He aquí un ejemplo muy simple contacto. script php se puede utilizar como punto de partida, tendrá que asegurarse de que servicio de hosting permite el uso de PHP:

PHP Código: [ Select ]
<?php
$field_name = $_POST['cf_name'];
$field_email = $_POST['cf_email'];
$field_message = $_POST['cf_message'];
 
$mail_to = 'youremail@yourdomain.com';
$subject = 'Message from a site visitor '.$field_name;
 
$body_message = 'From: '.$field_name."\n";
$body_message .= 'E-mail: '.$field_email."\n";
$body_message .= 'Message: '.$field_message;
 
$headers = 'From: '.$cf_email."\r\n";
$headers .= 'Reply-To: '.$cf_email."\r\n";
 
$mail_status = mail($mail_to, $subject, $body_message, $headers);
 
if ($mail_status) { ?>
   <script language="javascript" type="text/javascript">
      alert('Thank you for the message. We will contact you shortly.');
      window.location = 'contact_page.html';
   </script>
<?php
}
else { ?>
   <script language="javascript" type="text/javascript">
      alert('Message failed. Please, send an email to gordon@template-help.com');
      window.location = 'contact_page.html';
   </script>
<?php
}
?>
  1. <?php
  2. $field_name = $_POST['cf_name'];
  3. $field_email = $_POST['cf_email'];
  4. $field_message = $_POST['cf_message'];
  5.  
  6. $mail_to = 'youremail@yourdomain.com';
  7. $subject = 'Message from a site visitor '.$field_name;
  8.  
  9. $body_message = 'From: '.$field_name."\n";
  10. $body_message .= 'E-mail: '.$field_email."\n";
  11. $body_message .= 'Message: '.$field_message;
  12.  
  13. $headers = 'From: '.$cf_email."\r\n";
  14. $headers .= 'Reply-To: '.$cf_email."\r\n";
  15.  
  16. $mail_status = mail($mail_to, $subject, $body_message, $headers);
  17.  
  18. if ($mail_status) { ?>
  19.    <script language="javascript" type="text/javascript">
  20.       alert('Thank you for the message. We will contact you shortly.');
  21.       window.location = 'contact_page.html';
  22.    </script>
  23. <?php
  24. }
  25. else { ?>
  26.    <script language="javascript" type="text/javascript">
  27.       alert('Message failed. Please, send an email to gordon@template-help.com');
  28.       window.location = 'contact_page.html';
  29.    </script>
  30. <?php
  31. }
  32. ?>


Esto es sólo un ejemplo, lo ideal es que se quiere hacer un poco más que eso y desinfectar los valores que se introducen para asegurarse de que son correctos. Usted también tendrá que cambiar el código HTML de forma que el script se puede recibir la información de su formulario. Así, por ejemplo en este script de ejemplo que dice lo siguiente:

PHP Código: [ Select ]
$field_email = $_POST['cf_email'];


Que, básicamente, tendrá el elemento de formulario denominado "cf_email" lo que significa que debe asignar un nombre que forma adecuada en que forma. Por lo tanto el código HTML se vería así por la parte:

HTML Código: [ Select ]
Enter Your E-mail:<br />
<input name="cf_email" id="cf_email" type="text" class="input" />
  1. Enter Your E-mail:<br />
  2. <input name="cf_email" id="cf_email" type="text" class="input" />


El guión será capaz de tomar el valor especificado a continuación. Usted tendrá que cambiar otros elementos forman también para cada bit de información que desea entró.

Es posible que desee mirar a su alrededor en el Internet para contactar con un guión más elaborado que hace todo lo que necesita ya, y luego configurar el formulario de contacto para utilizar el script al cambiar la acción a la ubicación de ese guión.

Lo mismo para la secuencia de comandos boletín. Usted probablemente querrá mirar a su alrededor en el Internet para algún tipo de boletín de sistema de PHP que se puede instalar en su sitio web, para que pueda administrar sus visitantes que se suscriben a él. Espero que esto le da un punto de partida si aún no lo ha dado cuenta de esto.
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • izmoba
  • Born
  • Born
  • No Avatar
  • Registrado: Mar 31, 2011
  • Mensajes: 3
  • Status: Offline

Nota Marzo 31st, 2011, 9:42 am

Hola yo lo hice como u, dijo lo único que es im recibir mensajes vacíos aquí es el css html php y cosas pudiste cambiar cuál es incorrecto y explicar por qué por favor, muchas gracias
el php contiene al azar $ nombre_campo $ _POST i tryed para trabajar con Theyr es por eso por lo mal estado solo por favor, dime qué hay que cambiar
Código: [ Select ]
<?php
$field_name = $_POST['Enter your Name:'];
$field_name = $_POST['Skriv inn din E-mail :'];
$field_name = $_POST['Skriv inn telefonen :'];
$field_email = $_POST['cf_email'];
$field_message = $_POST['Skriv inn din melding:'];

$mail_to = 'notalovedtopostlinks';
$subject = 'poruka '.$field_name;

$body_message = 'From: '.$field_name."\n";
$body_message .= 'E-mail: '.$field_email."\n";
$body_message .= 'Message: '.$field_message;

$headers = 'From: '.$cf_email."\r\n";
$headers .= 'Reply-To: '.$cf_email."\r\n";

$mail_status = mail($mail_to, $subject, $body_message, $headers);

if ($mail_status) { ?>
    <script language="javascript" type="text/javascript">
        alert('Ttest 123');
        window.location = 'index-4.html';
    </script>
<?php
}
else { ?>
    <script language="javascript" type="text/javascript">
        alert('Fail ba');
        window.location = 'index-4.html';
    </script>
<?php
}
?>
  1. <?php
  2. $field_name = $_POST['Enter your Name:'];
  3. $field_name = $_POST['Skriv inn din E-mail :'];
  4. $field_name = $_POST['Skriv inn telefonen :'];
  5. $field_email = $_POST['cf_email'];
  6. $field_message = $_POST['Skriv inn din melding:'];
  8. $mail_to = 'notalovedtopostlinks';
  9. $subject = 'poruka '.$field_name;
  11. $body_message = 'From: '.$field_name."\n";
  12. $body_message .= 'E-mail: '.$field_email."\n";
  13. $body_message .= 'Message: '.$field_message;
  15. $headers = 'From: '.$cf_email."\r\n";
  16. $headers .= 'Reply-To: '.$cf_email."\r\n";
  18. $mail_status = mail($mail_to, $subject, $body_message, $headers);
  20. if ($mail_status) { ?>
  21.     <script language="javascript" type="text/javascript">
  22.         alert('Ttest 123');
  23.         window.location = 'index-4.html';
  24.     </script>
  25. <?php
  26. }
  27. else { ?>
  28.     <script language="javascript" type="text/javascript">
  29.         alert('Fail ba');
  30.         window.location = 'index-4.html';
  31.     </script>
  32. <?php
  33. }
  34. ?>


aquí es el html

Código: [ Select ]
<h2 class="marg_top1">Send e-mail</h2>
                        <form id="ContactForm" action="contact.php" enctype="multipart/form-data">
                     <div>
                            <div class="rows"><input class="input" type="text" value="Skriv inn navnet ditt :" onblur="if(this.value=='') this.value='Enter your Name:'" onFocus="if(this.value =='Enter your Name:' ) this.value=''"  /></div>
                            <div class="rows"><input class="input" type="text" value="Skriv inn din E-mail :" onblur="if(this.value=='') this.value='Enter your E-mail:'" onFocus="if(this.value =='Enter your E-mail:' ) this.value=''"  /></div>
                            <div class="rows"><input class="input" type="text" value="Skriv inn telefonen :" onblur="if(this.value=='') this.value='Enter your Phone:'" onFocus="if(this.value =='Enter your Phone:' ) this.value=''"  /></div>
                            <div class="textarea_box"><textarea cols="1" rows="1" onBlur="if(this.value=='') this.value='Enter your Message:'" onFocus="if(this.value =='Enter your Message:' ) this.value=''" >Skriv inn din melding:</textarea></div>
                            <a href="#" class="link1" onClick="document.getElementById('ContactForm').reset()">Avbryt</a>
                            <a href="#" class="link1" onClick="document.getElementById('ContactForm').submit()">Send</a>
                        </div>
                        </form>
                    </div>
                </div>
  1. <h2 class="marg_top1">Send e-mail</h2>
  2.                         <form id="ContactForm" action="contact.php" enctype="multipart/form-data">
  3.                      <div>
  4.                             <div class="rows"><input class="input" type="text" value="Skriv inn navnet ditt :" onblur="if(this.value=='') this.value='Enter your Name:'" onFocus="if(this.value =='Enter your Name:' ) this.value=''"  /></div>
  5.                             <div class="rows"><input class="input" type="text" value="Skriv inn din E-mail :" onblur="if(this.value=='') this.value='Enter your E-mail:'" onFocus="if(this.value =='Enter your E-mail:' ) this.value=''"  /></div>
  6.                             <div class="rows"><input class="input" type="text" value="Skriv inn telefonen :" onblur="if(this.value=='') this.value='Enter your Phone:'" onFocus="if(this.value =='Enter your Phone:' ) this.value=''"  /></div>
  7.                             <div class="textarea_box"><textarea cols="1" rows="1" onBlur="if(this.value=='') this.value='Enter your Message:'" onFocus="if(this.value =='Enter your Message:' ) this.value=''" >Skriv inn din melding:</textarea></div>
  8.                             <a href="#" class="link1" onClick="document.getElementById('ContactForm').reset()">Avbryt</a>
  9.                             <a href="#" class="link1" onClick="document.getElementById('ContactForm').submit()">Send</a>
  10.                         </div>
  11.                         </form>
  12.                     </div>
  13.                 </div>


aquí es el estilo CSS

Código: [ Select ]
#ContactForm { padding-top:5px;}
#ContactForm .rows{ min-height:49px;}
#ContactForm .textarea_box{ min-height:240px; border-bottom:1px solid #9a9999; margin-bottom:8px;}
#ContactForm a{ margin-right:30px}
#ContactForm .input {width:355px; height:16px; border:1px solid #525251; background: url(../../../slibe/wt_32632/images/bg_form.png) repeat; padding:8px; color:#aaaaaa; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}
#ContactForm textarea { overflow: auto;width:355px; height:206px; border:1px solid #525251; background: url(../../../slibe/wt_32632/images/bg_form.png) repeat; padding:8px; color:#aaaaaa; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}
  1. #ContactForm { padding-top:5px;}
  2. #ContactForm .rows{ min-height:49px;}
  3. #ContactForm .textarea_box{ min-height:240px; border-bottom:1px solid #9a9999; margin-bottom:8px;}
  4. #ContactForm a{ margin-right:30px}
  5. #ContactForm .input {width:355px; height:16px; border:1px solid #525251; background: url(../../../slibe/wt_32632/images/bg_form.png) repeat; padding:8px; color:#aaaaaa; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}
  6. #ContactForm textarea { overflow: auto;width:355px; height:206px; border:1px solid #525251; background: url(../../../slibe/wt_32632/images/bg_form.png) repeat; padding:8px; color:#aaaaaa; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8925
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Marzo 31st, 2011, 10:01 am

El principal problema que veo para usted son las variables:

PHP Código: [ Select ]
$field_name = $_POST['Enter your Name:'];
$field_name = $_POST['Skriv inn din E-mail :'];
$field_name = $_POST['Skriv inn telefonen :'];
$field_email = $_POST['cf_email'];
$field_message = $_POST['Skriv inn din melding:'];
  1. $field_name = $_POST['Enter your Name:'];
  2. $field_name = $_POST['Skriv inn din E-mail :'];
  3. $field_name = $_POST['Skriv inn telefonen :'];
  4. $field_email = $_POST['cf_email'];
  5. $field_message = $_POST['Skriv inn din melding:'];


Estas deben ser las variables que se utilizan en el formulario HTML. Así, por ejemplo me gustaría cambiarlo a algo así como:

PHP Código: [ Select ]
$field_name = $_POST['full_name'];
$field_email = $_POST['email'];
$field_telephone = $_POST['telephone'];
$field_message = $_POST['message'];
  1. $field_name = $_POST['full_name'];
  2. $field_email = $_POST['email'];
  3. $field_telephone = $_POST['telephone'];
  4. $field_message = $_POST['message'];


Véase la parte que ha cambiado? Así FULL_NAME, correo electrónico, teléfono, y el mensaje que se hace referencia dentro de esa matriz $ _POST son las variables dentro de su HTML, tendrá que asegurarse de que el código HTML partidos adecuadamente para que su escritura se puede utilizar los datos. Así, por ejemplo en el código HTML le permite tomar parte de ella:

HTML Código: [ Select ]
<div class="rows"><input class="input" type="text" value="Skriv inn navnet ditt :" onblur="if(this.value=='') this.value='Enter your Name:'" onFocus="if(this.value =='Enter your Name:' ) this.value=''"  /></div>


Ver el problema no es que no se ha nombrado a su de entrada lo que no hay manera de que el formulario contact.php sabe qué información se está pasando. Es necesario añadir un nombre de atributo para que el script PHP puede hacer referencia a él, y debe coincidir con lo que el script PHP está buscando. Así que recuerde el nombre anterior hemos utilizado:

PHP Código: [ Select ]
$field_name = $_POST['full_name'];


Por lo que está buscando el campo de entrada con el nombre de FULL_NAME . Así que vamos a modificar el código HTML que ahora:

HTML Código: [ Select ]
<div class="rows"><input name="full_name" class="input" type="text" value="Skriv inn navnet ditt :" onblur="if(this.value=='') this.value='Enter your Name:'" onFocus="if(this.value =='Enter your Name:' ) this.value=''"  /></div>


Ver la adición de: name = "FULL_NAME"

Ahora el script será capaz de utilizar cualquier valor que se pone en la caja de entrada. Usted tendrá que hacer cambios similares en el resto de su HTML. Recuerde que todas estas piezas que han cambiado son lo que sucede detrás de las escenas, los usuarios no ven estos nombres en la página web real (a menos que ver su código fuente).
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • izmoba
  • Born
  • Born
  • No Avatar
  • Registrado: Mar 31, 2011
  • Mensajes: 3
  • Status: Offline

Nota Abril 2nd, 2011, 2:08 am

Hice lo que dijiste electrónicos OBRAS encantadora conseguir entregado único problema ahora es que cuando se utiliza
Código: [ Select ]
<input name="message"
en
Código: [ Select ]
<div class="textarea_box"><textarea cols="1" rows="1" onBlur="if(this.value=='') this.value='Enter your Message:'" onFocus="if(this.value =='Enter your Message:' ) this.value=''" >Skriv inn din melding:</textarea></div>

se añade una desagradable fea pequeña caja blanca donde u puede escribir texto en él y haces quedar bien con la plantilla no se puede editar
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • Avatar de Usuario
  • Registrado: Dic 20, 2002
  • Mensajes: 8925
  • Loc: Seattle, WA & Phoenix, AZ
  • Status: Offline

Nota Abril 2nd, 2011, 3:13 pm

Usted no tendrá que utilizar una entrada allí, como el textarea en sí es lo que hay que tener un atributo de nombre. Así que simplemente hacer algo como:

HTML Código: [ Select ]
<div class="textarea_box"><textarea name="message" cols="1" rows="1" onBlur="if(this.value=='') this.value='Enter your Message:'" onFocus="if(this.value =='Enter your Message:' ) this.value=''" >Skriv inn din melding:</textarea></div>
Ozzu Hosting - Want your website on a fast server like Ozzu?
  • izmoba
  • Born
  • Born
  • No Avatar
  • Registrado: Mar 31, 2011
  • Mensajes: 3
  • Status: Offline

Nota Abril 3rd, 2011, 2:35 pm

exactamente como el hecho de que funciona gracias muy mucho que sabe su oficio :)

Página 1 de 1

Publicar Información

  • Total de mensajes en este tema: 7 mensajes
  • Usuarios navegando por este Foro: No hay usuarios registrados visitando el Foro y 108 invitados
  • No puede abrir nuevos temas en este Foro
  • No puede responder a temas en este Foro
  • No puede editar sus mensajes en este Foro
  • No puede borrar sus mensajes en este Foro
  • No puede enviar adjuntos en este Foro
 
 

© 2011 Unmelted, LLC. Ozzu® es una marca registrada de Unmelted, LLC