Fazer pesquisa em tags a e retornalas em uma div.

22/06/2016

Bom dia, tenho uma pagina onde existe um menu com tags ul->li->a, cada link ao ser clicado executa um $(div).load(href do a), ou seja ele carrega uma segunda pagina dentro de uma div, essa pagina existe um campo de pesquisa, onde a pessoa digitando ele automaticamente busca dentro dessas tags <li> as tags <a> e retorna dentro de uma div nessa pagina de pesquisa, at� ai consegui retornar os links ok, porem ao pesquisar esses links, os encontrados s�o removidos da lista original....

algu�m poderia me ajudar a fazer uma pesquisa onde retorne esses links, sem remover do lugar original.....

Segue o codigo do index


<html>
    <head>
        <title>RTA</title>
		 <link rel="shortcut icon" type="image/x-icon" href="favrta.png" />
        <link rel="stylesheet" type="text/css" href="style.css">
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/simple-sidebar.css" rel="stylesheet">
        <script type="text/javascript" src="jquery-1.3.2-vsdoc2.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <script src="view-source:https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script>
		<script src='https://www.google.com/recaptcha/api.js?hl=pt'></script>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
		<script src="js/jquery.js"></script>
		<script src="js/bootstrap.min.js"></script>
    </head>
    <body>
        <div id="conteudo">
            <div id="menu">
                <img  class="menuimg" alt="logo" src="menu.png">
				<a href="http://rtalmeida.com.br"> <img alt="logo rta" class="rtalogo" src="rtalogo.png"></a>
                <a href="http://rtalmeida.com.br"> <img alt="pagina inicial" class="botao" onMouseOver="this.src='pagina2.png'" onMouseOut="this.src='pagina.png'" src="pagina.png"></a>
				
            </div>


				<div id="wrapper">

						<!-- Sidebar -->
						<div id="sidebar-wrapper">
							<ul class="sidebar-nav">
								<li class="sidebar-brand">
									<a href="pages/home.php" onclick="carregaPagina(this.href);; return false;">
										Em que posso ajudar?
									</a>
								</li>
								<li>
									<a href="#" class="sideMenu tituMenu"><b>Dificuldades?</b></a>
									<ul class="subMenu ">
										<li class="sidebar-brand">
											<a href="pages/comoInstalar.php"  onclick="carregaPagina(this.href); return false;">Instalando o sistema</a>
											<a href="pages/suporte.php"  onclick="carregaPagina(this.href);; return false;">Solicitando suporte</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="#" class="sideMenu tituMenu"><b>D�vida sobre algum menu?</b></a>
									<ul class="subMenu">
										<li class="sidebar-brand " >
											<a href="pages/cadastros.php"  onclick="carregaPagina(this.href);; return false;">Cadastros</a>
											<a href="pages/contabilidadeLancamentos.php"  onclick="carregaPagina(this.href);; return false;">Contabilidade->Lan�amentos</a>
											<a href="pages/utilitarios.php"  onclick="carregaPagina(this.href);; return false;">Utilit�rios</a>
											
										</li>
									</ul>
								</li>

							</ul>
						</div>
						<!-- /#sidebar-wrapper -->

						<!-- Page Content -->
						<div id="page-content-wrapper">
							<div class="container-fluid">
								<div class="row">
								<a href="#menu-toggle"  ><input id="menu-toggle" type="button" class="btn btn-default esconder" value="Esconder/Mostrar o menu"></a>
									<div id="exibeConteudo" class="col-lg-12">
										
										
										
										</div>
										
									</div>
								</div>
							</div>
						</div>
						<!-- /#page-content-wrapper -->

					</div>

                


            </div>
            
            <br><br>
           

    </body>
</html>


<?php include'script.js';?>

codigo da pagina de scripts

<script>
$('#exibeConteudo').load('pages/home.php');
$(".subMenu").hide();
$(document).ready(function () {
    $("#telefone").inputmask({
        mask: ["(99) 9999-9999", "(99) 99999-9999"],
        keepStatic: true
    });
    $("#doc").inputmask({
        mask: ["999.999.999-99", "99.999.999/9999-99" ],
        keepStatic: true
    });
});
            
$(document).ready(function(){
   $("#formulario").submit(function(){
      var email = $("#email").val();
      if(email != "")
      {
         var filtro = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z])?)$/i;
         if(filtro.test(email))
         {
	   
	   return true;
         } else {
           alert("Verifique o e-mail digitado!!");
           return false;
         }
      } else {
	 return false;
      }
   });
});
            
    $("#menu-toggle").click(function(e) {
        e.preventDefault();
        $("#wrapper").toggleClass("toggled");
    });  


$(".sideMenu").click(function(){
	$(this).next().toggle(500);
});


function carregaPagina(link){	
		$.getScript('script.js');
		$('#exibeConteudo').load(link);
		
	
}











  	
</script>

codigo da pagina que contem o pesquisar.


<div id="pageHome">
<h1>Como usar ajuda?</h1>
<p>Utilize a pesquisa para facilitar a busca.</p>

<input type="text" id="pesquisa" class="form-control">

	<div id="retornaPesquisa">
	
	</div>
								
										
</div>
<script>

$("input").on('keyup', function(){
	var stringPesquisa = $("#pesquisa").val();
	
	var execPesquisa = $('.subMenu a:contains('+stringPesquisa+')');
	
	var resultado="";
	for (objeto in execPesquisa) {
		$('#retornaPesquisa').append(execPesquisa);	
	};
	
	
});



</script>

Danilo Conrado

Curtir t�pico + 0

Responder

Posts

22/06/2016

Danilo Conrado

consegui resolver com

.clone().

ficou desta forma na hora do .append()

$("input").on('keyup', function(){
	var stringPesquisa = $("#pesquisa").val();
	
	var execPesquisa = $('.subMenu a:contains('+stringPesquisa+')');
		
		$('#retornaPesquisa').html('');

		$('#retornaPesquisa').append(execPesquisa.clone());	
});

Responder

Gostei + 0