Jump to content
Willians Magán

Mudando cor de link retornado de busca jquery

Recommended Posts

Boa tarde,

 

Tenho uma página mapa.php que retorna informação que está em um banco de dados, e tenho na mesma página um campo de busca que utiliza jquery para buscar as informações no banco, criando uma busca dinâmica (o resultado da busca vai aparecendo numa lista, conforme parâmetros digitados). Essa busca gera um arquivo buscar.php que é apresentado na página mapa.php, abaixo do campo de busca.

 

O que precisava é de uma forma de, ao passar o mouse sobre um dos itens retornados da busca, o seu respectivo link na página mapa.php mudasse de cor, para que a pessoa pudesse localizar o item pesquisado no mapa apresentado.

 

Segue parte dos códigos utilizados:

 

página mapa.php

<div id="pesquisa">
   <input type="text" id="txtPesquisa" onkeyup="getDados(this.value);" placeholder="Digite um termo para pesquisa">
   <div id="resultado"></div>
  </div>

 

<?php
   include 'class/conexao.php';
  
   $pdo=conectar();
    
   $sql = "SELECT * FROM dados";
   $stmt = $pdo->prepare($sql);
   $stmt->execute();
   
   while ($resultado = $stmt->fetch()) {
  ?>  
   <a href="#popup<?php echo $resultado->Item;?>"Informação</a>

<?php } ?>

 

 

arquivo function.js

/**
  * Função para criar um objeto XMLHTTPRequest
  */
 function CriaRequest() {
     try{
         request = new XMLHttpRequest();       
     }catch (IEAtual){
        
         try{
             request = new ActiveXObject("Msxml2.XMLHTTP");      
         }catch(IEAntigo){
        
             try{
                 request = new ActiveXObject("Microsoft.XMLHTTP");         
             }catch(falha){
                 request = false;
             }
         }
     }
    
     if (!request)
         alert("Seu Navegador não suporta Ajax!");
     else
         return request;
 }
 
 /**
  * Função para enviar os dados
  */
 function getDados() {
    
     // Declaração de Variáveis
     var texto   = document.getElementById("txtPesquisa").value;
     var result = document.getElementById("resultado");
     var xmlreq = CriaRequest();
    
     // Exibi a imagem de progresso
     //result.innerHTML = '<img src="Progresso1.gif"/>';
    
     // Iniciar uma requisição
    
  if(texto == null){} else {
  xmlreq.open("GET", "busca.php?valor=" + texto, true);
    
     // Atribui uma função para ser executada sempre que houver uma mudança de ado
     xmlreq.onreadystatechange = function(){
        
         // Verifica se foi concluído com sucesso e a conexão fechada (readyState=4)
         if (xmlreq.readyState == 4) {
            
             // Verifica se o arquivo foi encontrado com sucesso
             if (xmlreq.status == 200) {
                 result.innerHTML = xmlreq.responseText;
             }else{
                 result.innerHTML = "Erro: " + xmlreq.statusText;
             }
         }
     };
     xmlreq.send(null);
  }
 }
 
 function mudacor(item){
  document.getElementById(item).style.color="#ffff00";
 }

 

arquivo busca.php

<?php
 include 'class/conexao.php';
 
 $pdo=conectar();
 
 $texto = $_GET["valor"];
 
 if($texto == "") {echo '';} else{
 $sql = "SELECT * FROM dados WHERE IdLinha LIKE concat('%', :param, '%')";
 $stmt = $pdo->prepare($sql);
 $stmt->bindParam(":param", $texto, PDO::PARAM_STR);
 $stmt->execute();
 
  if(!$stmt->rowCount() == 0)
  {
   echo '<div id="lista">';
   while ($resultado = $stmt->fetch())
   {  
    echo '<a href="#popup'.$resultado->Item.'" class="listagem">'.$resultado->IdLinha.'</a><br>';
   }
   echo '</div>';
  } else {
   echo 'Nada encontrado';
  }
 }
?>

 

 

O que precisava era que, na hora de passar o mouse em um link carregado da busca dentro da div "resultado" da página mapa.php (que é gerado pela página busca.php), a informação presente na tag <a href="#popup<?php echo $resultado->Item;?>"Informação</a> tivesse a cor alterada.

 

Obrigado.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By tatysouzac
      Minha view:
      <div>                            
                                          <form method="post" action="http://localhost/integradorcode/index.php/welcome/validar">
                                          EMAIL: <input type="text" name="email"  /> <br><br>
                                          SENHA:  <input type="password" name="senha"/> <br><br><br><br>
                                          <input class="myButton" type="submit" value="Entrar"/> <br><br>
                                          </form>
                                          <a href="Cadastro.php" class="myButton">Cadastrar</a><br><br>
                                          <a href="#" class="myButton">Esqueceu sua senha?</a>
               </div>
       
       
       
      Controller:
       
          public function validar(){
              //var_dump($_POST);
              $this->load->model("Cadastro_model");
              $result = $this->Cadastro_model->validar($_POST["email"],md5($_POST["senha"]));
              var_dump($result);
          }
       
       
      Model:
       
          function validar($email, $senha){
              return $this->db->query("SELECT * FROM `cadastro_clientes` WHERE email_cliente = '{$email}'  AND senha_cliente = '{$senha}' AND status = 1 LIMIT 1")->result_array();
          }
       
       
      Não da nenhuma mensagem de erro mas coloco senha e login certos do meu bd e o return não retorna nada array 0 
    • By terra
      Olá,
       Tenho esse codigo
       
      e gostaria de chamar  bairro = dados.address.suburb; aqui nesse função 
       
       
      Agradeço qualquer ajuda
    • By ricardonews
      olá pessoal, eu não estou conseguindo fazer o redirecionamento apos o cadastro para index, eu estou perdido entre os ifs e else, eu acho que só pode ser isso,  quando eu coloco meu código trava, e não faz nada. vou postar o print.

    • By Fábio Capello
      Oi pessoal tudo bem?sou novo no fórum estou desenvolvendo um sistema web preciso de ajuda meu dificuldade e para por segurança na páginas php.quando um usuário logado quer mudar de navegador ele cópia link e colou em outro navegador ele terá acesso mas quero que ele direcione para página de login 
    • By Dinho Nunes LC
      <div align="center" id="subtitulo"> Canais Abertos </div> <div class="ui cards"> <div class="card"> <div class="content"> <a href="globo.html" style="display: block; color: black"> <div align="center"> <div> <img class="ui tiny image" id="imagem_card_casa" src="assets/images/Rede_Globo_2014.png"> <div align="center" id = "nome_time_fora"> <b>Globo RJ</b> </div> </div> Onde "globo.html" seria substituído pelo link que esta em uma tabela do banco de dados.
       
      Já fiz a conexão. E tenho a base de dados pronta.
       
      Motivo pelo qual estou buscando ajuda:
       
      Faço manualmente a mudança de cada link (são mais de 300) diariamente para evitar copias de terceiros. Sendo assim poderia usar um CRUD para facilitar a troca dos links direto no banco de dados.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.