Buscador en listas <ul><li></li></ul> con eliminación de todos los elementos menos el bus
Publicado por driver1964 (1 intervención) el 29/04/2014 02:20:57
He visto en este foro el siguiente codigo, con el se puede buscar en tablas y reducir a una sola fila el elemento encontrado.
Quisiera saber si es posible hacer lo mismo pero en vez de con tablas con listas sin usar bases de datos,
Quisiera saber si es posible hacer lo mismo pero en vez de con tablas con listas sin usar bases de datos,
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="es">
<head>
<title>Buscar en el contenido de una tabla</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>Buscar en el contenido de una tabla</h1>
<form>
Cadena a buscar <input id="searchTerm" type="text" onkeyup="doSearch()" />
</form>
<p>
<table id="datos">
<tr>
<th>id</th><th>Nombre</th><th>Apellidos</th><th>Género</th><th>Edad</th>
</tr>
<tr>
<td>1</td><td>Juan</td><td>Perez</td><td>M</td><td>30</td>
</tr>
<tr>
<td>2</td><td>Jose</td><td>Vazquez</td><td>M</td><td>31</td>
</tr>
<tr>
<td>3</td><td>Luis</td><td>Astorga</td><td>M</td><td>25</td>
</tr>
<tr>
<td>4</td><td>Luisa</td><td>Valdes</td><td>F</td><td>56</td>
</tr>
</table>
</p>
</body>
</html>
Valora esta pregunta
0