busqueda tabla html

0 votos
preguntado por requeni81 (120 puntos) Mar 14 en Javascript
hola,

estoy realizando una tabla en html donde poder realizar busquedas de material o referencias.

dispongo de este codigo:
<!DOCTYPE html>
<html lang="es"><head><title>SAT VALENCIA - REPUESTOS</title>

<script language="javascript">
function doSearch()
{
var tableReg = document.getElementById('datos');
var searchText = document.getElementById('searchTerm').value.toLowerCase();
var cellsOfRow="";
var found=false;
var compareWith="";
// Recorremos todas las filas con contenido de la tabla
for (var i = 1; i < tableReg.rows.length; i++)
{
cellsOfRow = tableReg.rows[i].getElementsByTagName('td');
found = false;
// Recorremos todas las celdas
for (var j = 0; j < cellsOfRow.length && !found; j++)
{
compareWith = cellsOfRow[j].innerHTML.toLowerCase();
// Buscamos el texto en el contenido de la celda
if (searchText.length == 0 || (compareWith.indexOf(searchText) > -1))
{
found = true;
}
}
if(found)
{
tableReg.rows[i].style.display = '';
} else {
// si no ha encontrado ninguna coincidencia, esconde la
// fila de la tabla
tableReg.rows[i].style.display = 'none';
}
}
}
</script>
<style>
#datos {border:1px solid #ccc;padding:10px;}
#datos tr:nth-child(even) {background:#ccc;}
#datos td {padding:5px;}
</style>
</head>
<body>
<h1>SAT VALENCIA - REPUESTOS</h1>

<table id="datos">
<tbody>

el caso es que la busqueda de palabras, la realiza por caracteres consecutivos.
y quisiera saber si se puede cambiar algo del código para que la busqueda pueda ser por caracteres "no correlativos" o similar.

la tabla empieza con este codigo html:
<tr>
<th>REFERENCIA</th>
<th>DESCRIPCION</th>
<th>MAQUINA</th>
<th>GRUPO</th>
<th>COMENTARIO</th>
<th>CANT.</th>
</tr>
<tr>
<td>1565014000900</td>
<td>REP.PANEL ELECTRONICO IEDF</td>
<td style="text-align: center;">PS6</td>
<td style="text-align: center;">ELECTRICO</td>
<td>PANEL MANDO PS6 - LADO DIGITOS - ELECTRONICO EDF
MAX.MIN - 0965014001900 - SELECTOR PESAR/CONTAR ETC.</td>
<td>&nbsp;</td>

y si hago una busqueda de "PANEL" si que la muestra, pero si busco "PANEL IEDF" ya no muestra nada.

a ver si se puede mejorar algo.
gracias!

Por favor, accede o regístrate para responder a esta pregunta.

Preguntas relacionadas

0 votos
1 respuesta
preguntado por Nemesis (120 puntos) Ene 28, 2016 en Javascript
0 votos
0 respuestas
preguntado por RAM47 (140 puntos) Ago 11, 2016 en Javascript
0 votos
0 respuestas
Bienvenido a Dudas de Programación, donde puedes hacer preguntas y recibir respuestas sobre los problemas más frecuentes de los lenguajes de programación, frameworks de desarrollo y bases de datos que utilices. Foro de Línea de Código
...