caja para hacer busqueda en una pagina html
Publicado por gandalf (3 intervenciones) el 17/09/2013 07:25:10
hola señores.
Tengo este codigo, el cual escribes en la caja una palabra, y te hace una busqueda en la tabla que tienes en una pagina, esta bueno el codigo, pero no me sirve....
Quiero un codigo simple facil y cencillo, que luego de escribir la palabra en la caja me busque las coincidencias en una pagina, o tal ves en una columna de una tabla, que me muestre todas las coincidencias.
La idea que quiero es acer un diccionario. Tengo las palabras, en una columna en RUSO y en la otra en ESPAÑOL, escribo la palabra en la caja, y que me busque en la columna RUSO esa palabra, y que me muestre todas las coincidencias y con su respectivo traduccion.
Este codigo funciona, pero busco uno mas simple si los hay
Tengo este codigo, el cual escribes en la caja una palabra, y te hace una busqueda en la tabla que tienes en una pagina, esta bueno el codigo, pero no me sirve....
Quiero un codigo simple facil y cencillo, que luego de escribir la palabra en la caja me busque las coincidencias en una pagina, o tal ves en una columna de una tabla, que me muestre todas las coincidencias.
La idea que quiero es acer un diccionario. Tengo las palabras, en una columna en RUSO y en la otra en ESPAÑOL, escribo la palabra en la caja, y que me busque en la columna RUSO esa palabra, y que me muestre todas las coincidencias y con su respectivo traduccion.
Este codigo funciona, pero busco uno mas simple si los hay
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
<html>
<head>
<title>Table search: HTML - JavaScript</title>
</head>
<body>
<script language="javascript">
function doSearch() {
var tableReg = document.getElementById('regTable');
var searchText = document.getElementById('searchTerm').value.toLowerCase();
for (var i = 1; i < tableReg.rows.length; i++) {
var cellsOfRow = tableReg.rows[i].getElementsByTagName('td');
var found = false;for (var j = 0; j < cellsOfRow.length && !found; j++) {
var compareWith = cellsOfRow[j].innerHTML.toLowerCase();
if (searchText.length == 0 || (compareWith.indexOf(searchText) > -1)) {
found = true; } }if (found) {
tableReg.rows[i].style.display = '';
} else {
tableReg.rows[i].style.display = 'none';
} } }</script>
<input id="searchTerm" type="text" onkeyup="doSearch()" />
<table id="regTable">
<tr><td>Id</td><td>Name</td><td>Surname</td><td>Gender</td><td>Age</td></tr>
<tr><td>1</td><td>John</td><td>Doe</td><td>M</td><td>30</td></tr>
<tr><td>2</td><td>Jane</td><td>Doe</td><td>F</td><td>31</td></tr>
<tr><td>3</td><td>Will</td><td>Smith</td><td>M</td><td>25</td></tr>
<tr><td>4</td><td>Bill</td><td>Gates</td><td>M</td><td>56</td></tr>
</table>
</body>
</html>
Valora esta pregunta
0
