Filtro dinâmico
Divirtão-se...
http://forum.imasters.com.br/public/style_emoticons/default/bye1.gif
<!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>Discussão (15)
Carregando comentários...