Home > Foro de Ajax >

Debates de Ajax > Ayuda Formulario de Envio ajax

Ayuda Formulario de Envio ajax

Escrito por Chema93mx el 07/07/2008

Hola a todos, primeramente gracias por la funcion que hacen de ayudar a gente que no entiende muy bien esto de las webs de verdad gracias.

Bien voy al grano un amigo tiene un formulario php y ajax de envio lo pueden ver aka www.trulalerodealma.com/contacto. Html bien mi problema, me costo mucho configurarlo, pero tengo una serie de problemitas con esto:"(

Primeramente al momento que mandan un correo o cuando escriben algo mal el sitema le avisa que se envio correcto o que hay un errro lo que me pasa a mi esque el mensaje que avisa del envio me sale en letras que no se ven las tengo que subrayar para verlas ya busque en el codigo y no encuentro una solucion, el otro problema esque cuando mando el correo solo me llega esto:
Tenés un nuevo mensaje desde el Sitio:


Correo electrónico: fede_los_incansables@hotmail. Com

pero no me llegan los demas datos :S ojala alguien me pueda ayudar, los archivos que usa el formulario son php,js,html, y Cascading Style Sheet Document los pueden descargar del aqui: http://www.enfoquesfm.com/formulario. Rar

si no lo quieren descargar aqui dejo los codigos

Code archivo php llamado mail:

<? Php
function validaLongitud($valor, $permiteVacio, $minimo, $maximo)
{
$cantCar=strlen($valor);
if(empty($valor))
{
if($permiteVacio) return TRUE;
else return FALSE;
}
else
{
if($cantCar>
=$minimo && $cantCar <=$maximo) return TRUE;
else return FALSE;
}
}

function validaCorreo($valor)
{
if(eregi("([a-zA-Z0-9. _-]{1,30})@([a-zA-Z0-9. -]{1,30})", $valor)) return TRUE;
else return FALSE;
}

// MAIN

if($_POST)
{
foreach($_POST as $clave =>
$valor) $$clave=addslashes(trim(utf8_decode($valor)));
sleep(1);

if(! ValidaCorreo($correo)) $error=1;


if($error==1) echo "Error";
else
{
$fecha=date("d/m/y - H:i");
$mensaje="
Tenés un nuevo mensaje desde el Sitio:


Correo electrónico: $correo
";
mail("comenta@enfoquesfm. Com", "Newsletter", $mensaje, "From: Sitio Web <comenta@enfoquesfm. Com> ");
echo "OK";
}
}
? >

Aparte ay un archivo js ese se llama funciones y este es el code:

// Variables para setear
onload=function()
{
cAyuda=document. GetElementById("mensajesAyuda");
cNombre=document. GetElementById("ayudaTitulo");
cTex=document. GetElementById("ayudaTexto");
divTransparente=document. GetElementById("transparencia");
divMensaje=document. GetElementById("transparenciaMensaje");
form=document. GetElementById("formulario");
urlDestino="mail. Php";

claseNormal="input";
claseError="inputError";

ayuda=new Array();
ayuda["Nombre"]="Ingresa tu nombre. De 4 a 50 caracteres. OBLIGATORIO";
ayuda["Asunto"]="Ingresa Tu Asunto de Consulta. De 4 a 50 caracteres. ";
ayuda["Ciudad"]="Ingresa la ciudad donde radicas. ";
ayuda["Correo"]="Ingresa un e-mail válido. OBLIGATORIO";
ayuda["Comentario"]="Ingresa tus comentarios. De 5 a 500 caracteres. OBLIGATORIO";

preCarga("ok. Gif", "loading. Gif", "error. Gif");
}

function preCarga()
{
imagenes=new Array();
for(i=0; i <arguments. Length; i++)
{
imagenes[i]=document. CreateElement("img");
imagenes[i]. Src=arguments[i];
}
}

function nuevoAjax()
{
var xmlhttp=false;
try
{
// No IE
xmlhttp=new ActiveXObject("Msxml2. XMLHTTP");
}
catch(e)
{
try
{
// IE
xmlhttp=new ActiveXObject("Microsoft. XMLHTTP");
}
catch(E) { xmlhttp=false; }
}
if (! Xmlhttp && typeof XMLHttpRequest! ="undefined") { xmlhttp=new XMLHttpRequest(); }
return xmlhttp;
}

function limpiaForm()
{
for(i=0; i<=4; i++)
{
form. Elements[i]. ClassName=claseNormal;
}
document. GetElementById("inputComentario"). ClassName=claseNormal;
}

function campoError(campo)
{
campo. ClassName=claseError;
error=1;
}

function ocultaMensaje()
{
divTransparente.style.display="none";
}

function muestraMensaje(mensaje)
{
divMensaje. InnerHTML=mensaje;
divTransparente.style.display="block";
}

function eliminaEspacios(cadena)
{
// Funcion para eliminar espacios delante y detras de cada cadena
while(cadena. CharAt(cadena. Length-1)==" ") cadena=cadena. Substr(0, cadena. Length-1);
while(cadena. CharAt(0)==" ") cadena=cadena. Substr(1, cadena. Length-1);
return cadena;
}

function validaLongitud(valor, permiteVacio, minimo, maximo)
{
var cantCar=valor. Length;
if(valor=="")
{
if(permiteVacio) return true;
else return false;
}
else
{
if(cantCar>
=minimo && cantCar <=maximo) return true;
else return false;
}
}

function validaCorreo(valor)
{
var reg=/(^[a-zA-Z0-9. _-]{1,30})@([a-zA-Z0-9. -]{1,30}$)/;
if(reg. Test(valor)) return true;
else return false;
}

function validaForm()
{
limpiaForm();
error=0;

var nombre=eliminaEspacios(form.inputNombre.value);
var asunto=eliminaEspacios(form.inputAsunto.value);
var ciudad=eliminaEspacios(form.inputCiudad.value);
var correo=eliminaEspacios(form.inputCorreo.value);
var comentarios=eliminaEspacios(form.inputComentario.value);

if(! ValidaLongitud(nombre, 0, 4, 50)) campoError(form. InputNombre);
if(! ValidaLongitud(asunto, 1, 4, 50)) campoError(form. InputAsunto);
if(! ValidaLongitud(ciudad, 1, 4, 50)) campoError(form. InputCiudad);
if(! ValidaCorreo(correo)) campoError(form. InputCorreo);
if(! ValidaLongitud(comentarios, 0, 5, 500)) campoError(form. InputComentario);

if(error==1)
{
var texto= "<img src="error. Gif" alt="Error"><br><br>Error: revise los campos en rojo. <br><br><button style="width:45px; height:18px; font-size:10px;" onClick="ocultaMensaje()" type="button">Ok</button>" ;
muestraMensaje(texto);
}
else
{
var texto= "<img src="loading. Gif" alt="Enviando"><br>Enviando. Por favor espere. <br><br><button style="width:60px; height:18px; font-size:10px;" onClick="ocultaMensaje()" type="button">Ocultar</button>" ;
muestraMensaje(texto);

var ajax=nuevoAjax();
ajax. Open("POST", urlDestino, true);
ajax. SetRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax. Send("nombre="+nombre+"&asunto="+asunto+"&ciudad="+ciudad+"&correo="+correo+"&comentarios="+comentarios);

ajax. Onreadystatechange=function()
{
if (ajax. ReadyState==4)
{
var respuesta=ajax. ResponseText;
if(respuesta=="OK")
{
var texto= "<img src="ok. Gif" alt="Ok"><br>Gracias por su mensaje. <br>Le responderemos a la brevedad. <br><br><button style="width:45px; height:18px; font-size:10px;" onClick="ocultaMensaje()" type="button">Ok</button>" ;
}
else var texto= "<img src="error. Gif"><br><br>Error: intente más tarde. <br><br><button style="width:45px; height:18px; font-size:10px;" onClick="ocultaMensaje()" type="button">Ok</button>" ;

muestraMensaje(texto);
}
}
}
}

// Mensajes de ayuda

if(navigator.userAgent.indexOf("MSIE")>
=0) navegador=0;
else navegador=1;

function colocaAyuda(event)
{
if(navegador==0)
{
var corX=window.event.clientX+document.documentElement.scrollLeft;
var corY=window.event.clientY+document.documentElement.scrollTop;
}
else
{
var corX=event. ClientX+window. ScrollX;
var corY=event. ClientY+window. ScrollY;
}
cAyuda=style.top.corY+20+"px";
cAyuda=style.left.corX+15+"px";
}

function ocultaAyuda()
{
cAyuda.style.display="none";
if(navegador==0)
{
document. DetachEvent("onmousemove", colocaAyuda);
document. DetachEvent("onmouseout", ocultaAyuda);
}
else
{
document. RemoveEventListener("mousemove", colocaAyuda, true);
document. RemoveEventListener("mouseout", ocultaAyuda, true);
}
}

function muestraAyuda(event, campo)
{
colocaAyuda(event);

if(navegador==0)
{
document. AttachEvent("onmousemove", colocaAyuda);
document. AttachEvent("onmouseout", ocultaAyuda);
}
else
{
document. AddEventListener("mousemove", colocaAyuda, true);
document. AddEventListener("mouseout", ocultaAyuda, true);
}

cNombre. InnerHTML=campo;
cTex. InnerHTML=ayuda[campo];
cAyuda.style.display="block";
}



Citar  |  
Ver mensaje      

Chema93mx
Sonora, México
Escrito por Chema93mx el 07/07/2008

Perdon el doble post pero no me alcanso para acabar de poner los codigos:

y ademas ay un archovo html este es el code:

<html>
<head>
<meta http-equiv="Content-Type" content= "text/html; charset=iso-8859-1" >
<title> Formulario de contacto Enfoquesfm. ComX </title>
<script type= "text/javascript" src= "funciones. Js" > </script>
<style type= "text/css" >
<! --
body {
background-image: url();
background-color: #000000;
}
. Estilo6 {
font-family: Insaniburger;
font-size: medium;
color: #FFFFFF;
}
. Estilo14 { font-size: 9px;
font-weight: bold;
}
. Estilo5 { color: #FFFF00;
font-weight: bold;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
. Estilo1 { color: #FFFFFF;
font-weight: bold;
}
-->

</style>
<head>
<script src= "Scripts/AC_ActiveX. Js" type= "text/javascript" > </script>
<script src= "Scripts/AC_RunActiveContent. Js" type= "text/javascript" > </script>
<body>
</center>
<label>
<div align= "center" >
  <table width= "800" border= "0" align= "center" cellpadding= "0" cellspacing= "0" >
    <tr>
      <td> <form id= "formulario" >
          <div id= "transparencia" >
            <div id= "transparenciaMensaje" >
              <div align= "center" > </div>
            </div>
          </div>
        <div align= "center" >
          <p> <img src= "contac. Jpg" width= "400" height= "100" > </p>
          <table width= "500" border= "0" cellspacing= "0" cellpadding= "0" >
              <tr>
                <td width= "99" > <span class= "label" > <span class= "Estilo1" > Nombre: </span> </span> </td>
                <td width= "30" > <span class= "campo" > <span class= "ayuda" > <img src= "ayuda. Gif" alt= "Ayuda" onMouseOver= "muestraAyuda(event, "Nombre")" > </span> </span> </td>
                <td width= "271" > <span class= "ayuda" > <span class= "campo" >
                  <input class= "inputNormal" type= "text" id= "inputNombre" >
                </span> </span> </td>
              </tr>
              <tr>
                <td> <span class= "label" > <span class= "Estilo1" > Asunto: </span> </span> </td>
                <td> <span class= "campo" > <span class= "ayuda" > <img src= "ayuda. Gif" alt= "Ayuda" onMouseOver= "muestraAyuda(event, "Asunto")" > </span> </span> </td>
                <td> <span class= "ayuda" > <span class= "campo" >
                  <input class= "inputNormal" type= "text" id= "inputAsunto" >
                </span> </span> </td>
              </tr>
              <tr>
                <td> <span class= "label" > <span class= "Estilo1" > Ciudad: </span> </span> </td>
                <td> <span class= "campo" > <span class= "ayuda" > <img src= "ayuda. Gif" alt= "Ayuda" onMouseOver= "muestraAyuda(event, "Ciudad")" > </span> </span> </td>
                <td> <span class= "ayuda" > <span class= "campo" >
                  <input class= "inputNormal" type= "text" id= "inputCiudad" >
                </span> </span> </td>
              </tr>
              <tr>
                <td> <span class= "label" > <span class= "Estilo1" > Mail: </span> </span> </td>
                <td> <span class= "campo" > <span class= "ayuda" > <img src= "ayuda. Gif" alt= "Ayuda" onMouseOver= "muestraAyuda(event, "Correo")" > </span> </span> </td>
                <td> <span class= "ayuda" > <span class= "campo" >
                  <input class= "inputNormal" type= "text" id= "inputCorreo" >
                </span> </span> </td>
              </tr>
              <tr>
                <td> <span class= "label" > <span class= "Estilo1" > Comentarios: </span> </span> </td>
                <td> <span class= "campo" > <span class= "ayuda" > <img src= "ayuda. Gif" alt= "Ayuda" onMouseOver= "muestraAyuda(event, "Comentario")" > </span> </span> </td>
                <td> <span class= "ayuda" > <span class= "campo" >
                  <textarea name= "inputComentario" class= "inputNormal" id= "inputComentario" > </textarea>
                </span> </span> </td>
              </tr>
            </table>
          <br>
          </div>
        <div>
            <div align= "center" >
              <button id= "botonEnviar" onClick= "validaForm()" type= "button" > Enviar </button>
              <button type= "reset" > Borrar </button>
            </div>
        </div>
      </form>
    </tr>
  </table>
  <p>
    <object id=MMPlayer1
            codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf. Cab#Version=5,1,52,701
            type=application/x-oleobject height=70 width=268 align=absMiddle
            classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95>

      <param name= "FileName" value= "http://streaming-hosting. Net:8378" >
      <param name= "ShowControls" value= "1" >
      <param name= "ShowStatusBar" value= "1" >
      <param name= "ShowDisplay" value= "0" >
      <param name= "DefaultFrame" value= "Slide" >
      <param name= "Autostart" value= "true" >
      <param name= "volume" value= "80" >
      <embed src= "http://streaming-hosting. Net:8378" width=268 height=70
            volume=100 autostart=true loop=1align="absmiddle"
            type= "application/x-mplayer2"
            pluginspage= "http://www.microsoft.com/Windows/MediaPlayer/download/default. Asp"
            showcontrols=1 showdisplay=0 showstatusbar=1 >
</embed>
    </object>
    <br>
    <object classid= "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase= "http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash. Cab#version=8,0,0,0" width= "600" height= "30" id= "acabadp" align= "middle" >
      <param name= "allowScriptAccess" value= "sameDomain" />
      <param name= "movie" value= "user. Swf" />
      <param name= "quality" value= "high" />
      <param name= "bgcolor" value= "#000000" />
      <embed src= "user. Swf" quality= "high" bgcolor= "#000000" width= "600" height= "30" name= "user" align= "middle" allowscriptaccess= "sameDomain" type= "application/x-shockwave-flash" pluginspage= "http://www.macromedia.com/go/getflashplayer" />    
</object>
    <br>
    <img src= "pie. Jpg" alt= "" width= "736" height= "40" /> <br>
  </p>
</div>
</label>
            <! -- -->
            <! --6 -->
            <label>
           
</div>
  </label>
</form>
</body>
</html>

y por ultimo ay un archivo Cascading Style Sheet Document que tiene el siguiente codigo

#formContenedor
{
text-align:center;
position:absolute;
width:400px;
left:507px;
margin-left:-200px;
top: 19px;
}

table { width:400px; }

input
{
width:220px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
border:1px solid;
}

textarea
{
width:220px;
height:100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
border:1px solid;
}

button { width:100px; height:22px; font-family:Verdana; font-size:11px; }

. Label { width:110px; text-align:left; }

. Campo { width:240px; }

. Ayuda { width:50px; text-align:center; }

. InputNormal { border:1px solid; }

. InputError
{
border:1px solid #FF0000;
background-color:#FFF4F0;
color:#FF0000;
}

/* Capas de transparencia y mensajes de confirmacion */

#transparencia
{
background-color:#FFFFFF;
z-index:1;
position:absolute;
width:400px;
height:260px;
display:none;
opacity:0. 95; filter:alpha(opacity="95");
}

#transparenciaMensaje
{
position:absolute;
width:300px;
height:100px;
margin-top:-50px;
margin-left:-150px;
top:50%;
left:50%;
}

/* Mensajes de ayuda */

#mensajesAyuda
{
width:160px;
font-family:Verdana;
font-size:10px;
border:1px solid #FFFFFF;
position:absolute;
top:0px;
left:0px;
display:none;
text-align:center;
}

#ayudaTitulo
{
background-color:#FFFFFF;
color:#FFFFFF;
padding:1px;
}

#ayudaTexto
{
vertical-align:middle;
padding:2px;
}

La direccion de el formualrio es www.enfoquesfm.com/contacto. Html ojala alguien me pueda ayudarr con mi problema que no me a quedado

Gracias de Antemano

Quedo al pendiente



Citar  |  
Ver mensaje     


Responder


Quiero recibir alertas por email cuando haya mensajes nuevos en este debate

Al escribir en el debate:
  1. Repasa la ortografía y no escribas en formato SMS.
  2. Lee el texto dos veces antes de publicar.
  3. No escribas todo en mayúsculas o negritas.
 
Páginas internacionales: España  |  Italia  |  Francia  |  México  |  Alemania  |  Reino Unido  |  Argentina  |  Chile  |  Colombia  |  USA

Búsquedas frecuentes: parches de morfina locutor de radio dietas para bajar los trigliceridos catalogo de cuenta como se hace un diagnostico

Emagister cumple la Ley Orgánica 15/1999 de 13 de diciembre, de Protección de datos de Carácter Personal, y posee el código de inscripción nº 2002010053 del Registro General de la Agencia de Protección de Datos. Copyright © 1999/2000 - Grupo Intercom - Todos los derechos