Created
April 24, 2014 19:55
-
-
Save bytefade/11267413 to your computer and use it in GitHub Desktop.
Simples pesquisa dentro de uma tabela de dados via jquery.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Document</title> | |
| <style type="text/css"> | |
| .marcado{background-color:#C1FFC1 !important;} | |
| .remover{ display:none;} | |
| tbody{display: none; | |
| } | |
| table.tableizer-table { | |
| border: 1px solid #CCC; font-family: Arial, Helvetica, sans-serif; | |
| font-size: 12px; | |
| } | |
| .tableizer-table td { | |
| padding: 4px; | |
| margin: 3px; | |
| border: 1px solid #ccc; | |
| } | |
| .tableizer-table th { | |
| background-color: #104E8B; | |
| color: #FFF; | |
| font-weight: bold; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <label for="textFind" style="margin-bottom:3px">Pesquisa rápida: </label> <input class="normal form-control" type="text" id="textFind"> | |
| <table class="table tableizer-table"> | |
| <thead> | |
| <tr> | |
| <th>UF</th> | |
| <th>Estado</th> | |
| <th>xpto</th> | |
| <th>A</th> | |
| <th>B</th> | |
| <th>C</th> | |
| <th>D</th> | |
| <th>E</th> | |
| <th>F</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr class="tableizer-firstrow"><th>ac</th><th>rio branco</th><th>cediac-centro de diagnostico por imagem</th><th>●</th><th>●</th><th>●</th><th>●</th><th>●</th><th>●</th></tr> | |
| <tr><td>ac</td><td>rio branco</td><td>laboratorio de anal.clinicas santa casa</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>arapiraca</td><td>chama-centro hospitalar manoel andre</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>arapiraca</td><td>labmendes</td><td> </td><td>●</td><td> </td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>arapiraca</td><td>laboratorio nabuco lopes</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>alergoderme</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>cardio</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>cardiocenter</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td> </td></tr> | |
| <tr><td>al</td><td>maceio</td><td>centro de reabilitacao - clm</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>centro medico cardiologico harmony</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>centro medico pedro marques de oliveira</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>clim mulher</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>climedin</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>clinica guri</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>clinivida - medicina integrada</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>cliom</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>coophaia-mcz coop.med.do hosp.do acucar</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>diagnose</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>diagnostic samuel pessoa</td><td> </td><td>●</td><td> </td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>dilab laboratorio</td><td>●</td><td>●</td><td>●</td><td> </td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>fisio</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>fisiocenter</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>gastrocenter</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>gastromed</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>hemopac hemoterapia e patologia clinica de maceio</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>hospital do acucar</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>instituto da imagem</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>ipc laboratorio medico</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>klinger vagner teixeira da costa</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>lab.de analise medica helia mendes</td><td> </td><td> </td><td> </td><td> </td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>lab.sabin de patologica clin.de alagoas</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>laboratorio adolf lutz</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>laboratorio nabuco lopes</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>laboratorio souza junior</td><td> </td><td>●</td><td> </td><td> </td><td> </td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>lufer laboratorio de analises clinicas</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>magis fisioterapia</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>med-angio</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>medicor</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>medradius</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>not</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>otoclinic</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>prevencor assistencia medica</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>pró - mulher</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>procardio</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>proclinico laboratorio</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>reabilit</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>santa casa de misericordia de maceio</td><td> </td><td>●</td><td>●</td><td>●</td><td>●</td><td> </td></tr> | |
| <tr><td>al</td><td>maceio</td><td>sebastiao correia de araujo filho</td><td>●</td><td> </td><td>●</td><td>●</td><td>●</td><td> </td></tr> | |
| <tr><td>al</td><td>maceio</td><td>sonograph</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>ultradimensao</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>uniaudio</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>maceio</td><td>unilab</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>palmeira dos indios</td><td>labmendes</td><td> </td><td>●</td><td> </td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>porto calvo</td><td>medicor</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>al</td><td>sao miguel dos campos</td><td>santa casa de misericordia sao miguel dos campos</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>carauari</td><td>clinica medica estrela de davi</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td> </td></tr> | |
| <tr><td>am</td><td>manaus</td><td>cdl centro de diagnostico laboratorial</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>cdr-centro de doencas renais do amazonas</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>centro medico cristo rei</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>centro medico salus</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>centro medico santa clara</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>centro ortopedico ana rosa</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>cenusa</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>check up clinicas hospital</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>cimedica</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>clif</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td> </td></tr> | |
| <tr><td>am</td><td>manaus</td><td>clinica de fisioterapia santa rita</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>clinica de imagem molecular do amazonas</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>clinica dr joacy azevedo</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>clinica medica estrela de davi</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td> </td></tr> | |
| <tr><td>am</td><td>manaus</td><td>clinica renal de manaus</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>clinimagem</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>cmdi- centro medico e diagnostico de imagem</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td> </td></tr> | |
| <tr><td>am</td><td>manaus</td><td>fisioin fisioterapia intensiva hospitalar</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>fisiomed</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>fundacao sangue nativo</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>hospital adventista de manaus</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>hospital e maternidade santo alberto</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>hospital portugues-manaus</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>hospital santa julia</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>hospital universitario nilton lins</td><td> </td><td>●</td><td> </td><td> </td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>iham-instituto de hemoterap.do amazonas</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td> </td></tr> | |
| <tr><td>am</td><td>manaus</td><td>incor</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>instituto de tocoginecologia do amazonas</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>laboratorio cpde</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>laboratorio de anal clin sao jose ii</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>laboratorio de analises clinicas arnaldo</td><td> </td><td>●</td><td> </td><td> </td><td> </td><td> </td></tr> | |
| <tr><td>am</td><td>manaus</td><td>laboratorio dr djalma batista</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>laboratorio dr.costacurta</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>laboratorio fal</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>laboratorio kenya</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>laboratorio laborcont</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>laboratorio micro lab</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>laboratorio reunido</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>laboratorio vital brasil</td><td> </td><td>●</td><td> </td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>magscan</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>multicenter laboratorio clinico</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>navarro clinica medica</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>neurocardio servicos medicos</td><td>●</td><td> </td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>odontomaster</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>otorrino center</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>pontesclin</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>prodimagem</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>prontocord-hospital do coracao</td><td> </td><td> </td><td> </td><td> </td><td> </td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>radiodiagnostico</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>manaus</td><td>s e o reis consultorio medico</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>am</td><td>tefe</td><td>clinica medica estrela de davi</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td> </td></tr> | |
| <tr><td>ap</td><td>macapa</td><td>centrocor</td><td> </td><td>●</td><td> </td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>ap</td><td>macapa</td><td>clinica sonimage</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>ap</td><td>macapa</td><td>corpus</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>ap</td><td>macapa</td><td>diagnose analises clinicas</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>ap</td><td>macapa</td><td>hemodiagnostico</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>ap</td><td>macapa</td><td>inneuro inst.de neurologia do amapa</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>ap</td><td>macapa</td><td>instituto cristão de cardiologia do amapá</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>ap</td><td>macapa</td><td>laboratorio colares</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>ap</td><td>macapa</td><td>laboratorio cunha leal</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>ap</td><td>macapa</td><td>saude center</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>ap</td><td>macapa</td><td>unilab</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>ap</td><td>santana</td><td>hospital vila amazonas</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| <tr><td>ap</td><td>santana</td><td>unilab</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td><td>●</td></tr> | |
| </tbody> | |
| </table> | |
| <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> | |
| <script> | |
| $( document ).ready(function() { | |
| // Handler for .ready() called. | |
| $("#textFind").keyup(function() | |
| { | |
| $('tbody').css('display', 'block'); | |
| $('table.table tbody tr td').removeClass('marcado'); | |
| $('table.table tbody tr').removeClass('remover'); | |
| stringPesquisa = $("#textFind").val(); | |
| if (stringPesquisa == "") {$('tbody').css('display', 'none');}; | |
| if (stringPesquisa) { | |
| //$('table.listagem tbody tr:contains('+stringPesquisa+')').addClass('voltar').removeClass('remover'); | |
| $('table.table tbody tr td:contains(' + stringPesquisa + ')').addClass('marcado'); | |
| $('table.table tbody tr:not(:contains(' + stringPesquisa + '))').addClass('remover'); | |
| } | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment