<html>
<head>
<title>Correo Ajax</title>
<script type="text/javascript" language="javascript">
function xmlhttpPost (strURL)
{
var xmlHttpReq = false;
var self = this;
if (window.XMLHttpRequest)
{
alert("Mozilla");
self.xmlHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}
self.xmlHttpReq.open('POST', strURL, true);
self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencodec');
self.xmlHttpReq.onreadyStateChange = function ()
{
alert (readyState= self.xmlHttpReq.readyState);
if (self.xmlHttpReq.readyState == 4)
{
updatepage(self.xmlHttpReq.responseText);
}
}
self.xmlHttpReq.send(getquerystring());
}
function getquerystring()
{
var form = document.forms['mailerform'];
var sender = form.sender.value;
var message = form.message.value;
qstr = 's=' + escape(sender) + '&m=' + escape(message);
return qstr;
//alert (qstr);
}
function updatepage (str)
{
document.getElementById("resultado").innerHTML = str;
document.getElementById("noticion").innerHTML = qstr;
}
</script>
<style>p, input, textarea, div { font: bold 8 pt verdana, sans-serif; }
.resultado { color:red; }
.noticias { color:blue; }
</style>
</head>
<body>
<form name="mailerform" method="post">
<p>Tu dirección: <input name="sender" type="text" id="direccion"><br><br><br></input>
Mensaje:<br><textarea name="message" cols="40" rows="5" id="mensaje"></textarea>
<input value="Enviar" type="button" onClick='JavaScript
:xmlhttpPost("mailer.php")'>
<a href="mailer.php?sender=$sender&message=$message">
Paso variables sender y message a la página mailer.php</a></input>
<br><br>
<div id="resultado" class="resultado"></div>
<div id="noticion" class="noticias"></div>
</form>
</body>
</html>