gracias pero eso nose donde lo tengo que poner.
tengo un archivo html que es el form contacto.html:
Código 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=utf-8" />
<title>Documento sin título</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
<script LANGUAGE="JavaScript">
function valida_envia(){
//valido el nombre
if (document.contacto.nombre.value.length==0){
alert("Tiene que escribir su nombre")
document.contacto.nombre.focus()
return 0;
}
if (document.contacto.email.value.length==0){
alert("Tiene que escribir su nombre")
document.contacto.email.focus()
return 0;
}
if (document.contacto.tlf.value.length==0){
alert("Tiene que escribir su nombre")
document.contacto.tlf.focus()
return 0;
}
if (document.contacto.texto.value.length==0){
alert("Tiene que escribir su nombre")
document.contacto.texto.focus()
return 0;
}
//el formulario se envia
alert("Muchas gracias por enviar el formulario");
document.contacto.submit();
}
</script>
</head>
<body>
<div class="contenedor">
<div id="cabecera">
<div id="menu2"><a href="clientes.html" class="links">Zona de clientes</a></div>
<div id="menu">
<a href="inicio.html" class="links">Inicio</a><br /><br />
<a href="productos.html" class="links">Productos</a><br /><br />
<a href="donde.html" class="links">Dónde estamos</a><br /><br />
<a href="contacto.html" class="links">Contacto</a><br /><br />
<a href="Tienda.html" class="links">Tienda</a>
</div>
</div>
<div id="central" style="height:auto;">
<table align="center" width="723" border="0">
<tr>
<td width="405" align="center"><img src="imagenes/contacto.png" width="215" height="56" /></td>
<td width="308" align="center"><img src="imagenes/contacto_telf.png" width="172" height="66" /></td>
</tr>
<tr>
<td>
<form class="caja" action="enviar.php" method="post" name="contacto" id="form">
<p>Nombre<br />
<input class="caja" type="text" size="40" name="nombre" id="caja" /></p>
<p>Email<br />
<input class="caja" type="text" size="40" name="email" id="caja" /></p>
<p>Telefono ¿A quien va dirigido?
<br />
<input class="caja" type="text" size="13" name="tlf" id="caja" />
<select name="departamento" id="Selecciona un departamento">
<option value="direccion">Dirección
<option value="contabilidad">Contabilidad
<option value="presu_zgz">Presupuestos zaragoza
<option value="presu_ler" selected="selected">Presupuestos Lerida
<option value="info">Información
</select></p>
<p>Texto<br />
<textarea class="caja" id="caja" name="texto" cols="40" rows="6"></textarea></p>
<p><input name="boton" type="button" value="enviar" onclick="valida_envia()"></p>
<br />
</form>
</td>
<td> <p><font size="5px" style="bold">Lerida:</font><br /><br />
Telefono:973 79 23 10<br />
Fax:973 79 23 50</p><p></p>
<p></p>
<p></p>
<p><font size="5px" style="bold">Zaragoza:</font><br /><br />
Telefono:976 470 080<br />
Fax:973 79 23 50</p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
</table>
</div>
<div id="pie"></div>
</div>
</body>
</html> y el otro que es enviar.php
donde pongo eso cuando se envia me sale en javascrip que se ha enviado pero luego me carga una pantalla de error porque enviar.php solo tiene el codigo para enviar. quiero que se cargue enviar.php en un segundo plano y una vez se haya enviado el mail, tengo una pagina "gracias.html" donde pone gracias por enviarlo y un boton de volver a la pagina de inicio. nose como hacerlo