Estoy intentando hacer para clase una "validación de usuario humano" (no se cómo se llama exactamente, es la imagen esa de "introduce los caracteres que ves en la imagen"). De momento he conseguido hacer que los números aparezcan como "value" en un botón, al darle click al mismo (más o menos lo que me pedían), pero me gustaría hacerlo bien, y no tan cutre como me ha salido, y hacerlo con una imagen. El prolema es que no se exactamente qué hay que hacer, si son imágenes que se generan aleatoriamente al cargar un formulario, si son imágenes ya creadas y que se seleccionan aleatoriamente o cómo es...
Este es mi código de momento:
Código PHP:
<html> <head> <title> Validar </title>
<script language="JavaScript">
<!--
function numerosAleatorios()
{
alert('numeros');
uno=Math.ceil(Math.random()*10);
dos=Math.ceil(Math.random()*10);
tres=Math.ceil(Math.random()*10);
cuatro=Math.ceil(Math.random()*10);
if(uno==10)
{
uno--;
}
else if(dos==10)
{
dos--;
}
else if(tres==10)
{
tres--;
}
else if(cuatro==10)
{
cuatro--;
}
numeros=String.concat(uno,dos,tres,cuatro);
document.formu.boton_numeros.value=numeros;
return numeros;
}
function compararNumeros()
{
if(numeros!=document.formu.numeritos.value)
{
alert('los números que has introducido no coinciden con el que yo te he dado');
}
}
//-->
</script>
</head>
<body>
<form name="formu">
<input type="button" value="generar números" name="boton_numeros" onClick="numerosAleatorios();">
Introduce los números:<input type="text" maxlength="4" name="numeritos" onBlur="compararNumeros();">
<br><br>
<input type="submit" name="enviar" onClick="validar();">
<input type="reset" name="limpiar">
Gracias:Alun.
