Ayuda formulario Ajax + Mootools

[ajalex]

Ya resolvi el problema, tube que hacerlo de nuevo, y la version de mootools que usaba era la 1.2 y lo hize con la v 1.1

si alguien le interesa el formulario aqui les dejo todo para que lo momten

empesamos con el formulario

Código HTML:

<script src="js/mootools.v1.1.js" type="text/javascript" charset="utf-8"></script>
<script src="js/contacto.js" type="text/javascript" charset="utf-8"></script>

<form id="contacto">
<div id="block_center_solo">
<div id="form">
  <h1><? echo "$row[titulo]";?></h1>
  <h2><? echo "$row[text]";?></h2>
      <div id="block_center">
      <label for="nombre">Tu Nombre: <br />
      <input name="nombre" id="nombre" class="caja" type="text" />
      </label>
      <label for="email">Tu E-mail: <br />
      <input name="email" id="email" class="caja" type="text" />
      </label>
      <label for="telefono">Tu Telefono: <br />
      <input name="telefono" id="telefono" class="caja" type="text" /> 
      </label>
      <label for="direccion">Tu Direccion: <br />
      <input name="direccion" id="direccion" class="caja" type="text" />
      </label>
      </div>
      <div id="block_right">
      <label for="asunto">Asunto: <br />
      <input name="asunto" type="text" class="caja" id="asunto" />
      </label>
      <label for="mensaje">Mensaje: <br />
      <textarea id="mensaje" name="mensaje" class="textarea" rows="" cols=""></textarea>
      </label>

      <div align="center"><input id="botonenvio" type="submit" value="Enviar mensaje"/></div>
      <input name="enviar" id="enviar" value="1" type="hidden" />
      </div>

</div>
</div>
<div id="block_center_solo"><br />
    <div id="mensajes"></div>
</div>
  </form> 

hacemos el envio del mail

Código PHP:

  <?php 
 
    if ($_POST[enviar] == 1) { 
    $sender_name = $_POST[nombre]; 
    $sender_email = $_POST[email]; 
    $sender_phone = $_POST[telefono]; 
    $sender_address = $_POST[direccion]; 
    $sender_asunto = $_POST[asunto]; 
    $message = $_POST[mensaje]; 
    $subject = "Formulario de Contacto en Esc. Part. Normal Sup."; 
    $msg = "Escuela Particular Normal Superior\n\n"; 
    $msg .= "Nombre: $sender_name\n"; 
    $msg .= "E-mail: $sender_email\n"; 
    $msg .= "Asunto: $sender_asunto\n"; 
    $msg .= "Telefono: $sender_phone\n"; 
    $msg .= "Direccion: $sender_address\n"; 
    $msg .= "Mensaje: $message\n\n"; 
    $to = "[email protected]"; 
    $mailheaders = "From: $sender_name <$sender_email>\n"; 
    $mailheaders .= "Reply-To: $sender_email\n\n"; 
    echo "mail($todepto, $subject, $msg, $mailheaders)"; 
    } 
?>   

y hacemos el js con las funciones de el ajax

Código HTML:

var show = function(ev,t,v) {
	
	ev.effect('opacity',	{
	duration: 700,
	onComplete: function(){
		
		if(v!=1) {
			ev.setProperties({ 'class': 'stop' });	
		} else {
			
			ev.removeProperty('class');
		}
		
		
		ev.setHTML(t).effect('opacity', {duration: 700}).start(0,1);
		
	}
	}).start(1,0);
	
	
}
var validar = function (c) {
	
if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(c)){
	
	return 1; } else { return 0; }
		 
}
window.addEvent('domready', function()
{
	var c = $('contacto');
	var msj = $('mensajes');
	
	c.addEvent('submit', function(ev)
	{
		new Event(ev).stop();
		if(c.nombre.value == '') {
			show(msj,'<img src="http://www.forosdelweb.com/images/alert.png"/><br>No agregaste tu nombre');
		}
		else if(c.email.value == '') {
			show(msj,'<img src="http://www.forosdelweb.com/images/alert.png"/><br>No has agregado tu correo electr&oacute;nico');	
		}
		else if(validar(c.email.value)==0) {
			show(msj,'<img src="http://www.forosdelweb.com/images/alert.png"/><br>El correo electr&oacute;nico que a&ntilde;adiste no es v&aacute;lido');		
		}
		else if(c.depto.value == '') {
			show(msj,'<img src="http://www.forosdelweb.com/images/alert.png"/><br>Debes Seleccionar un departamento a contactar');	
		}
		else if(c.asunto.value == '') {
			show(msj,'<img src="http://www.forosdelweb.com/images/alert.png"/><br>No has agregado un asunto');	
		}
		else if(c.mensaje.value == '') {
			show(msj,'<img src="http://www.forosdelweb.com/images/alert.png"/><br>No has escrito un mensaje');	
		} else {
			show(msj,'<img src="http://www.forosdelweb.com/images/spinner.gif" alt="" /><br>Enviando...');
		var contact = new Ajax('send-mail.php',
		{
			method: 'post',
			data:c,
			onComplete: function(ev) {
				show(msj, ev, 1);

			}
		});
		contact.request();
		}
	});

		});