Perfecto!!! Hace lo que tu dices!!! Me gustaría hacer una pequeña aportación. Es una función (muy sencilla) que devuelve un color aleatoriamente, de una serie de ellos dados, para que cada búsqueda tenga su propio color.
Cita: <script>
function aleatorio(inferior,superior){
numPosibilidades = superior - inferior
aleat = Math.random() * numPosibilidades
aleat = Math.floor(aleat)
return parseInt(inferior) + aleat
}
function dame_color_aleatorio(){
hexadecimal = new Array("B6D3EA","B6EAC8","EAE7B6","EAC3B6","EAB6D3" , "C7B6EA", "F1EF5D", "9FF15D", "EB908B", "8C90DC", "95F86A")
color_aleatorio = "#";
posarray = aleatorio(0,hexadecimal.length)
color_aleatorio += hexadecimal[posarray]
// alert(color_aleatorio);
return color_aleatorio
}
var texto="";
function resaltar(){
color=dame_color_aleatorio();
var encontro=0;
var donde=0;
valor=document.getElementById('tt').value;//caja de texto con id="tt"///
reemplazar=RegExp(valor,"i");
if(texto==""){texto=document.body.innerHTML};
txt=texto.split(">");
for (x=0;x<txt.length;x++){
desde=(txt[x].indexOf("<")!=-1)?txt[x].indexOf("<"):0;
tempP=txt[x].slice(0,desde);
tempU=txt[x].slice(desde);
tempPx=tempP.split(" ");
for(y=0;y<tempPx.length;y++){
if(tempPx[y].search(reemplazar)!=-1 && tempPx[y].length==valor.length){
tempPx[y]="<span style=\u0022background-Color:" + color +";\u0022>"+tempPx[y]+"</span>";
encontro+=1;
}
}
txt[x]=tempPx.join(" ")+tempU;
}
document.body.innerHTML=txt.join(">");
alert((encontro==0)?"No se encontro ''"+valor+"''":"Se encontraton "+encontro+" coincidencias");
}
</script>
Lo de buscar varias palabras sería un puntazo, y un tutorial ya sería una panacea para los que no dominamos mucho este lenguaje, aunque sí lo usamos bastante.
Un saludo.