Hola
Ya lo he resulto. Aún falta algunos detalles, pero básicamente el script sería este
Código javascript
:
Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml"lang="es" xml:lang="es">
<head>
<meta name="http-equiv" content="Content-type: text/html; charset=UTF-8"/>
<script type="text/javascript">
var vuelta = 0;
var cadena = ""
function Resaltar(c,ev) {
var keyCode = document.layers ? ev.which : document.all ? event.keyCode : document.getElementById ? ev.keyCode : 0;
if (keyCode == 8) vuelta--;
if (vuelta < 1) {
cadena = document.getElementById("texto").firstChild.nodeValue;
}
var rg = new RegExp(c,"g");
if (rg.exec(cadena) != null) {
var marca = cadena.replace(rg, "<span style=\"background-color:#9ACD32;color:#FFFFFF;\">" + c + "</span>");
document.getElementById("texto").innerHTML = marca;
document.getElementById("terminos").style.border = "";
} else {
document.getElementById("texto").innerHTML = cadena;
document.getElementById("terminos").style.border = "solid #FF0000 1px";
}
vuelta++;
}
</script>
</head>
<body>
<div id="texto">Esto es una prueba para resaltar caracteres o palabras de este texto prueba</div>
<form method="" action="" name="" autocomplete="off">
<input type="text" value="" id="terminos" onkeyup="Resaltar(this.value,event);" />
</form>
</body>
</html>