<script type="text/javascript">
<!--
// Para genera numero aleatorios.
var Conexion=false; // Variable que manipula la conexion.
// Variable que contiene la ruta del script que nos devuelve el numero aleatorio
var Servidor="modulos/jugadores/vistas/aleatorio.php";
// funcion que realiza la conexion con el objeto XMLHTTP...
function Conectar()
{
if(window.XMLHttpRequest)
Conexion=new XMLHttpRequest(); //mozilla
else if(window.ActiveXObject)
Conexion=new ActiveXObject("Microsoft.XMLHTTP"); //microsoft
}
function Contenido()
{
// En espera del valor 4
if(Conexion.readyState!=4) return;
if(Conexion.status==200) // Si conexion HTTP es buena !!!
{
document.getElementById("temp").value=Conexion.responseText;
}else{
document.getElementById("temp").value=Conexion.status+"-"+Conexion.statusText;
}
Conexion=false;
}
function Solicitud()
{
// Si ya esta conectado, cancela la solicitud en espera de que termine
if(Conexion) return; // Previene uso repetido del boton.
// Realiza la conexion
Conectar();
// Si la conexion es correcta...
if(Conexion)
{
Conexion.open("POST",Servidor,true);
// Contiene el nombre de la función que se ejecuta cada vez que el estado de la conexión (readyState) cambie
Conexion.onreadystatechange=Contenido;
/* Realiza la solicitud al servidor. Puede enviar una cadena de caracteres, o un objeto del tipo XML
* Si no deseamos enviar ningun valor, enviamos null */
Conexion.send(null);
}else
document.getElementById("temp").innerHTML="No disponible";
}
// funcion que se ejecuta al iniciar la pagina
window.onload=function()
{
Solicitud(); // Inicializa el numero aleatorio al cargar la pagina
document.getElementById("texto").onclick=Solicitud;
}
//-->
</script>
<script type="text/javascript">
// Comprobar ni esta no ese numero echo
function nuevoAjax()
{
/* Crea el objeto AJAX*/
var xmlhttp=false;
try
{
// Creacion del objeto AJAX para navegadores no IE
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
// Creacion del objet AJAX para IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E) { xmlhttp=false; }
}
if (!xmlhttp && typeof XMLHttpRequest!="undefined") { xmlhttp=new XMLHttpRequest(); }
return xmlhttp;
}
function eliminaEspacios(cadena)
{
// Funcion equivalente a trim en PHP
var x=0, y=cadena.length-1;
while(cadena.charAt(x)==" ") x++;
while(cadena.charAt(y)==" ") y--;
return cadena.substr(x, y-x+1);
}
function validaIngreso(valor)
{
/* Funcion encargada de validar lo ingresado por el usuario. Se devuelve TRUE en caso de ser
valido, FALSE en caso contrario */
var reg=/(^[a-zA-Z0-9.@ ]{4,40}$)/;
if(reg.test(valor)) return true;
else return false;
}
function nuevoEvento(evento)
{
// Obtengo el div donde se mostraran las advertencias y errores
var divMensaje=document.getElementById("error");
/* Dependiendo de cual sea el evento que ejecuto esta funcion (ingreso o verificacion) se setean
distintas variables */
if(evento=="ingreso")
{
var input=document.getElementById("ingreso");
// Boton presionado
var boton=document.getElementById("botonIngreso");
// Valor ingresado por el usuario
var valor=input.value;
// Texto a colocar en el input mientras se esta cargando la respuesta del servidor
var textoAccion="Ingresando...";
}
else
{
var input=document.getElementById("verificacion");
// Boton presionado
var boton=document.getElementById("botonVerificacion");
// Valor ingresado por el usuario
var valor=input.value;
// Texto a colocar en el input mientras se esta cargando la respuesta del servidor
var textoAccion="Comprobando...";
}
// Elimino espacios por delante y detras de lo ingresado por el usuario
valor=eliminaEspacios(valor);
// Si el ingreso es invalido coloco un mensaje de error en la capa correspondiente
if(!validaIngreso(valor))
{
divMensaje.innerHTML="El texto ingresado contiene caracteres o longitud inválida";
}
else
{
// Deshabilito inputs y botones para evitar dobles ingresos
boton.disabled=true; input.disabled=true;
input.value=textoAccion;
// Creo la conexion con el servidor y le envio la variable evento (que le indica si debe ingresar o verificar) y el dato a utilizar
var ajax=nuevoAjax();
ajax.open("POST", "modulos/jugadores/vistas/ajax/comprobar_disponibilidad_de_apodo_proceso.php", true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send(evento+"="+valor);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
// Habilito nuevamente botones e inputs
input.value="";
boton.disabled=false; input.disabled=false;
// Muestro el mensaje enviado desde el servidor
divMensaje.innerHTML=ajax.responseText;
}
}
}
}
</script>
</head>
<body>
<center>
<div id="demo" style="width:600px;" align="center">
<td id="carlos" style="text-align:left">Nº Registro:</td>
<td><input name="registro_fbf" type="text" size="10" id="temp" id="verificacion"/> <a href="javascript:void(null);" id="texto" style="font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight: 300; color:#FF0000;">Generar</a> <button type="button" id="botonVerificacion" onClick="nuevoEvento('verificacion')">Comprobar</button>
<div class="mensaje" id="error"></div>
</div>
</center>
<center>