Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

mystrader

Pesquisa em arquivos html com jquery

Recommended Posts

Amigos,

 

 

Estou com dúvida em como fazer uma pesquisa com jquery em htmls. O que fiz até agora foi clicar no link e carregar via ajax na div desejada. Mas agora tenho que fazer uma "Pesquisa" para esta página que será uma ajuda. Esta pesquisa deve ser em javscript ( se possível com jquery). Alguém poderia me dar uma luz : )

 

mas pesquisando htmls locais trazendo qual html que ele achou o termos.

 

 

<script type="text/javascript">  
   $(document).ready(function(){  
       $("#menu a").click(function( e ){  
           e.preventDefault();  
           var href = $( this ).attr('href');  
           $("#content").load( href +" #content");  
       });  
   });  
   </script>  

 

 

    <ul id="menu">  
       <li><a href="index.html">Home</a></li>  
       <li><a href="fotos.html">Slide 1</a></li>  
       <li><a href="contato.html">Slide 2</a></li>  
   </ul><!-- /menu --> 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom o cód abaixo faz busca por palavras em células de tabelas você pode aperfeiçoar isso dai as suas necessidades.

//Sistema de Busca
$('table > tbody > tr:odd').addClass('odd');      
     $('table > tbody > tr').hover(function(){
       $(this).toggleClass('hover');
     });      
     $('form').submit(function(e){ e.preventDefault(); });
     $('#pesquisar').keydown(function(){
       var encontrou = false;
       var termo = $(this).val().toLowerCase();
       $('table > tbody > tr').each(function(){
         $(this).find('td').each(function(){
           if($(this).text().toLowerCase().indexOf(termo) > -1) encontrou = true;
         });
         if(!encontrou) $(this).hide();
         else $(this).show();
         encontrou = false;
       });
     });

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.