Captcha con javascript y ajax Hola que tal como les va?
Tengo la siguiente situacion. Tengo el siguiente formulario en el cual puedo enviar info a una base de datos mediante ajax
<table border="0">
<form action="enviarcomentario.php" method="POST" id="formulariocomentario">
<tr bordercolor="#FFFFFF">
<td width="308" bordercolor="#FFFFFF"><input name="nombres" type="text" id="nombres" size="48" maxlength="20" border="0"></td>
</tr>
<tr bordercolor="#FFFFFF">
<td bordercolor="#FFFFFF"><textarea name="comentario" id="comentario" rows="5" cols="37" onKeyDown="valida_longitud()" onKeyUp="valida_longitud()" ></textarea></td>
</tr>
<tr bordercolor="#FFFFFF">
<td align="right" bordercolor="#FFFFFF"><span class="Estilo2">Tope 180 Caracteres</span>
<input type="text" name=caracteres size=4 readonly=""> </td></tr>
<tr bordercolor="#FFFFFF">
<td align="right" bordercolor="#FFFFFF"> <span id="resultadoss"></span> <input type="submit" value="Enviar" id="enviar" style=" color:#FFFFFF; background-color:#FF0000"></form>
</td> </tr>
</table>
Antes del body del html donde se encuentra este formulario llamo al archivo js
<script src="funciones2.js" language="JavaScript"></script>
El contenido del mismo es el siguiente
addEvent(window,'load',inicializarEventosss,false) ;
function inicializarEventosss()
{
var refss=document.getElementById('formulariocomentari o');
addEvent(refss,'submit',enviarDatosss,false);
}
function enviarDatosss(e)
{
if (window.event)
window.event.returnValue=false;
else
if (e)
e.preventDefault();
enviarFormularioss();
}
function retornarDatosss()
{
var cad='';
var nom=document.getElementById('nombres').value;
var com=document.getElementById('comentario').value;
cad='nombres='+encodeURIComponent(nom)+'&comentari o='+encodeURIComponent(com);
return cad;
}
var conexion1ss;
function enviarFormularioss()
{
conexion1ss=crearXMLHttpRequest();
conexion1ss.onreadystatechange = procesarEventosss;
conexion1ss.open('POST','enviarcomentario.php', true);
conexion1ss.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=iso-8859-1");
conexion1ss.send(retornarDatosss());
}
function procesarEventosss()
{
var resultadoss = document.getElementById("resultadoss");
if(conexion1ss.readyState == 4)
{
if (conexion1ss.status==200)
resultadoss.innerHTML = 'Mensaje Enviado.Gracias.';
else
alert(conexion1ss.statusText);
}
else
{
resultadoss.innerHTML = '<img src="red.gif">';
}
}
//***************************************
//Funciones comunes a todos los problemas
//***************************************
function addEvent(elementoss,nomeventoss,funcionss,capturas s)
{
if (elementoss.attachEvent)
{
elementoss.attachEvent('on'+nomeventoss,funcionss) ;
return true;
}
else
if (elementoss.addEventListener)
{
elementoss.addEventListener(nomeventoss,funcionss, capturass);
return true;
}
else
return false;
}
function crearssXMLHttpRequestss()
{
var xmlHttp=null;
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else
if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
return xmlHttp;
}
Después a continuación tengo el siguiente archivo php que ustedes lo pueden ver en el archivo js enviarcomentario.php
<?php
usleep(1250000);
header('Content-Type: text/html; charset=ISO-8859-1');
$nombre=$_REQUEST['nombres'];
$comentario=$_REQUEST['comentario'];
$conexion=mysql_connect("localhost","quiqui","quiq ui") or
die("Problemas en la conexion");
mysql_select_db("quiqui",$conexion) or
die("Problemas en la selección de la base de datos");
mysql_query( "insert into comentarios (nombre,comentario,fechahora) value ('$nombre','$comentario',now())" ,
$conexion) or die("Problemas en el select".mysql_error());
mysql_close($conexion);
?>
La idea mía es agregar el codigo captcha que sale en el siguiente link
http://typicalwhiner.com/190/simple-javascript-captcha-generator/
La idea mia es integrar el codigo javascript que sale en ese link con el del mi archivo js mencionado arriba (funciones2.js) Alguien me podria dar una mano para ver como se hace ?? Desde ya muchas gracias. Un abrazo
