acervo/filtrodinamico.html at master · LexFalconis/acervo · GitHub

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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Filtro</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <script type="text/javascript">
    function filter (phrase, _id, cellNr){
  var suche = phrase.value.toLowerCase();
  var table = document.getElementById(_id);
  var ele;
  for (var r = 1; r < table.rows.length; r++){
  	ele = table.rows[r].cells[cellNr].innerHTML.replace(/<[^>]+>/g,"");
  	if (ele.toLowerCase().indexOf(suche)>=0 )
    table.rows[r].style.display = '';
  	else table.rows[r].style.display = 'none';
  }
	}
  </script>
</head>
<body>
<table width="100%" border="0">
  <tr>
    <td width="301"><input name="filt" type="text" onKeyUp="filter(this, 'lista', '0')"></td>
    <td width="100"><input name="filt2" type="text" onKeyUp="filter(this, 'lista', '1')"></td>
    <td width="135"><input name="filt3" type="text" onKeyUp="filter(this, 'lista', '2')"></td>
    <td width="146"><input name="filt4" type="text" onKeyUp="filter(this, 'lista', '3')"></td>
    <td width="48"><input name="filt5" type="text" onKeyUp="filter(this, 'lista', '4')"></td>
  </tr>
</table>
<form>
    <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" id="lista">
      <tr valign="middle">
        <td width="301"></td>
        <td width="100"></td>
        <td width="135"></td>
        <td width="146"></td>
        <td width="48"></td>
      </tr>
      <tr>
        <td>ALESSANDRA SILVA</td>
        <td>Funcionário</td>
        <td>MECÂNICA</td>
        <td>DESENHISTA PROJETISTA MECÂNICO</td>
        <td>Ativo</td>
      </tr>
      <tr>
        <td>ALEXSANDRO</td>
        <td>Consultor</td>
        <td>MECÂNICA</td>
        <td>DESENHISTA</td>
        <td>Ativo</td>
      </tr>
      <tr>
        <td>AMARILDO LUIZ</td>
        <td>Funcionário</td>
        <td>INDUSTRIAL</td>
        <td>AUXILIAR SERVIçOS GERAIS</td>
        <td>Ativo</td>
      </tr>
      <tr>
        <td>ALDRIN ROSA</td>
        <td>Estagiário</td>
        <td>E&I </td>
        <td>ESTAGIáRIO</td>
        <td>Inativo</td>
      </tr>
      <tr>
        <td>ALINE CAMILA</td>
        <td>Consultor</td>
        <td>ADMINISTRATIVO</td>
        <td>TÉCNICO EM INFORMÁTICA</td>
        <td>Inativo</td>
      </tr>
      <tr>
        <td>SANDRO MANGOLO</td>
        <td>Terceirizado</td>
        <td>INDUSTRIAL</td>
        <td>AUXILIAR SERVIçOS GERAIS</td>
        <td>Inativo</td>
      </tr>
      <tr>
        <td>WILLIAN MARCOS</td>
        <td>Estagiário</td>
        <td>MECÂNICA</td>
        <td>ESTAGIáRIO</td>
        <td>Inativo</td>
      </tr>
    </table>
</form>
</body>
</html>