Encontre el siguiente codigo en una web, lo modifique un poco para que introduzco un texto en un campo de texto, y va escribiendo en una capa los mismos caracteres que pulso con el teclado, el problema esta en que cuando apreto la tecla delete, si no pulso otra tecla no muestra como que borra. Alguna idea?
Archivo index.php
Código PHP:
<script language = "javascript">
function createRequestObject(){
var peticion;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){ peticion = new ActiveXObject("Microsoft.XMLHTTP"); }
else{ peticion = new XMLHttpRequest(); }
return peticion;
}
var http = new Array();
function ObtDatos(url){
var act = new Date();
http[act] = createRequestObject();
http[act].open('get', url);
http[act].onreadystatechange = function() {
if (http[act].readyState == 4) {
if (http[act].status == 200 || http[act].status == 304) {
var texto
texto = http[act].responseText
var DivDestino = document.getElementById("DivDestino");
DivDestino.innerHTML = "<div id='error'>"+texto+"</div>";
}
}
}
http[act].send(null);
}
function compUsuario(Tecla) {
Tecla = (Tecla) ? Tecla: window.event;
input = (Tecla.target) ? Tecla.target : Tecla.srcElement;
if (Tecla.type == "keydown" || Tecla.type == "keyup") {
var DivDestino = document.getElementById("DivDestino");
DivDestino.innerHTML = "<div></div>";
if (input.value) {
ObtDatos("login.php?ltr=" + input.value);
}
}
}
</script>
<p>Teclea texto:
<input id = "textField" type = "text" name = "texto" onkeydown = "compUsuario(event)" onkeyup = "compUsuario(event)">
</p>
<div id = "DivDestino"></div>
Archivo login.php
Código PHP:
<?
$letra = strtolower($_GET["ltr"]);
echo $letra;
?>