Buscador interno realtar botones HTML - Javascript

[dasapa]

Hola,

saben o han visto si se puede realizar un buscador interno que resalte un boton (p.ej.: cambie imagen del boton) si coinciden las palabras con lo que se inserta en el formulario de busqueda.

He estado buscando pero solo encuentro buscadores para cadena de texto, he pensado poner la cadena de texto debajo del boton pero no queda bonito.

Por ejemplo, si en el buscador escribiese "acce" se resaltase el nombre del boton o cambiase la imagen de este.

Código PHP:

  <li><a title="Acceso" href="acceso.php"> <img  alt="Acceso"         src="img/button_acceso.png" onmouseover="javascript:changeIMG(this,'img/acceso2.png')" onmouseout="javascript:changeIMG(this,'img/acceso1.png')" /></a></li> 
   

Gracias. Un saludo

[Alexis88]

Podrías hacer algo como esto:

Código Javascript:

var cambio = function (nombreElemento) {
    var botones = document.getElementsByTagName("button");
    for (i = 0; i < botones.length; i++)
        if (botones[i].getAttribute("name") == nombreElemento) {
            botones[i].style.fontWeight = "bolder";
            botones[i].style.backgroundImage = "url(imagen)";
        }
}
 

La función recibe el nombre escrito, busca en el documento a todos los botones que hayan y evalúa uno por uno si su nombre es igual al que el usuario escribió, de ser así, le da el efecto de negrita a su texto y cambia la imagen de fondo por una cuyo nombre deberás indicar.

Saludos