Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/11/2010, 16:39
kellyguapa
 
Fecha de Ingreso: noviembre-2010
Mensajes: 3
Antigüedad: 13 años, 6 meses
Puntos: 0
Enviar un formulario a un email

Hola:

Hace tiempo leo su web .
llevo poco tiempo en el mundo del JQUERY y aunque he instalado algunas galerias y demas es la primera vez que hago un formulario con ajax JQUERY, etc en concreto este


http://www.ajaxshake.com/es/JS/232640/usar-etiquetas-como-valores-en-campos-de-textos-o-areas-de-texto-label2value.html

Pero no encuentro la forma de meterle en el codigo el email al que debe enviarse , no se si me pueden echar una mano eso si el formulario lo instale a la primera pero en el tema de enviar el formulario y que llegue a un email no hay forma, la verdad que soy un poco pato en esto de los formularios asi que rogaria me tratasen como a un iniciado .

Un saludo


este es el codigo que tengo puesto para el formulario:

<form id="contactForm" action="/" method="post">

<fieldset><legend>Contact Form</legend>
<p>
<label for="contact_name">Introduce tu nombre aqui</label>
<input type="text" name="contact_name" id="contact_name" value="" size="30" />
</p>
<p>
<label for="contact_email">Introduce tu email aqui</label>
<input type="text" name="contact_email" id="contact_email" value="" size="30" />
</p>
<p>
<label for="contact_message">Solicita aqui información de como alquilar tu coche</label>
<textarea id="contact_message" name="contact_message"></textarea>
</p>
<p class="submit">
<button type="submit" title="Envia tu mensaje">Send!</button>
</p>
</fieldset>

</form>

y esto en el head:


<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="estilos2.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="script.js"></script>

<style>
h1, h2{
font-size:180%;
font-weight:normal;
color:#555;
}
h2{
font-size:140%;
}
p{
margin:1em 0;
}
a{
color:#f20;
text-decoration:none;
}
a:hover{
color:#999;
}

/* general form styling */

fieldset{
margin:0;
padding:0;
border:none;
}
legend{
display:none;
}
input, textarea{
font:11px Arial, Helvetica, sans-serif;
background:#fff;
}
textarea{
overflow:hidden;
height:50px;
margin:0;
}

/* our comment form */

#contactForm{
background:url(bg_form.jpg) no-repeat 0 0;
width:182px;
height:206px;
}
#contactForm fieldset{
padding-top:60px;
}
#contactForm p{
margin:2px 16px;
width:150px;
}
#contactForm input, #contactForm textarea{
border:1px solid #d3cf73;
width:100%;
}
#contactForm button{
border:none;
background:url(bg_button.gif) no-repeat 0 0;
width:45px;
height:25px;
text-align:left;
overflow:hidden;
text-indent:-8000px;
cursor:pointer;
margin-top:5px;
}

/* text field classes */

#contactForm .inactive{
color:#999;
}
#contactForm .active{
color:#000;
}
#contactForm .focused{
color:#000;
background:#fffee7;
}

</style>

<style type="text/css">
<!--
a:link {
color: #222222;
}
a:visited {
color: #222222;
}
a:hover {
color: #222222;
}
a:active {
color: #222222;
}
.Estilo8 {
color: #FFFFFF;
font-size: small;
font-family: Arial, Helvetica, sans-serif;
}
.Estilo9 {color: #000000}
.Estilo10 {font-family: Arial, Helvetica, sans-serif; font-size: small;}
-->
</style></head>

Última edición por kellyguapa; 22/11/2010 a las 16:45