Jquery autocomplete et liens

Discussion dans 'Développement d'un site Web ou d'une appli mobile' créé par sim100, 6 Juin 2013.

  1. sim100
    sim100 WRInaute passionné
    Inscrit:
    2 Février 2003
    Messages:
    1 373
    J'aime reçus:
    1
    Bonjour à tous,

    J'ai un champs et j'utilise un jquery autocompletion pour obtenir des propositions selon le début de la requête écrite.

    Puis je peux choisir parmi les propositions, quand je clique sur une proposition, elle se met dans le champs et je peux cliquer sur le bouton pour lancer la recherche.

    Mais, j'aimerais que lorsque je clique sur une des proposition, ce soit un lien, et je vais sur une autre page. Pour l'instant quand je met un lien sur mes proposition et que je clique sur l'une d'entre elle, ça me rempli le champs avec <a href='/test'>test</a>, mais ça ne va pas sur la page test.

    Voila le code:

    La partie formulaire...
    Code:
    <form method="post" class="input-append" action='search.php'>
    												<script type="text/javascript">
    													$(document).ready(function() {
    														$('#SearchField2').autocomplete('SearchProposal.php');
    													});
    												</script>
    									<input id='SearchField2' class="span2" name='search' type='text' placeholder="Search" />
    									<button class="btn" type="submit">Go!</button>
    								</form>
    La partie SearchProposal.php qui me retourne la liste des propositions trouvées
    Code:
    <?php
    if(isset($_GET['q'])) {
        $q = htmlentities($_GET['q']);
         
        try {
            $bdd = new PDO('mysql:host='.host.';dbname='.bdd.'', ''.user.'', ''.pass.'');
        } catch(Exception $e) {
            exit('Impossible to connect database');
        }
    	
    	$requete = "SELECT cmg_business.business FROM cmg_business WHERE business LIKE \"%".$q."%\" ORDER BY business ASC LIMIT 0, 30";
        $resultat = $bdd->query($requete) or die(print_r($bdd->errorInfo()));
        while($donnees = $resultat->fetch(PDO::FETCH_ASSOC)) {
    		echo "<a href=''>".$donnees['business']."</a>"."\n";
        }
    }
    ?>
    Normallement la dernière ligne
    Code:
    echo "<a href=''>".$donnees['business']."</a>"."\n";
    j'ai juste
    Code:
    echo "".$donnees['business'].""."\n";
    j'ai rajouté le <a href=''>

    Voila si quelqu'un a une piste ou une idée ou l'a déja fait c'est super cool :)

    Merci d'avance
     
  2. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 203
    J'aime reçus:
    365
    Pourquoi ajouter un <a href> ? Tu peux faire un window.location.replace avec:

    Code:
    $("#searchfield").autocomplete({
    		source: "http://example.com/autocomplete",
    		minLength: 2,
    		select: function( event, ui ) {
    			window.location.replace(ui.item.url);
    		}
    	})
    
     
  3. sim100
    sim100 WRInaute passionné
    Inscrit:
    2 Février 2003
    Messages:
    1 373
    J'aime reçus:
    1
    Ca ne marche pas, mais je ne vois pas comment récupérer le lien de la proposition à chaque fois

    Merci quand même, si tu as une piste...

    Merci
     
  4. spout
    spout WRInaute accro
    Inscrit:
    14 Mai 2003
    Messages:
    9 203
    J'aime reçus:
    365
    Ça ne saurait pas marcher tel quel, c'est un exemple. Perso dans le JSON renvoyé, l'URL est déjà construite:
    -http://bit.ly/15MQ7ry
     
  5. sim100
    sim100 WRInaute passionné
    Inscrit:
    2 Février 2003
    Messages:
    1 373
    J'aime reçus:
    1
    Bon je ne vois pas trop...je vais essayer de regarder, merci quand même pour ton temps :)
     
Chargement...
Similar Threads - Jquery autocomplete liens Forum Date
Problème sur jquery avec fonction asynchrone Développement d'un site Web ou d'une appli mobile 6 Septembre 2022
Sites de scripts PHP, jQuery, Ajax, etc. Le café de WebRankInfo 20 Mars 2022
Conflit jquery ajax Développement d'un site Web ou d'une appli mobile 10 Février 2022
Problème avec un menu en ajax via jquery Problèmes de référencement spécifiques à vos sites 6 Février 2022
JQuery ui accordeon et lazy image Développement d'un site Web ou d'une appli mobile 27 Mars 2020
Aligner des checkboxradio jQuery Développement d'un site Web ou d'une appli mobile 7 Mars 2020
Accordion jquery : onclick fermer la section ouverte Développement d'un site Web ou d'une appli mobile 13 Février 2020
Jquery : CDN Google ou CDN Jquery Administration d'un site Web 1 Février 2019
Utilisation de load (Jquery) sans impacter le SEO Développement d'un site Web ou d'une appli mobile 4 Août 2018
diaporama (jquery) façon facebook Développement d'un site Web ou d'une appli mobile 2 Août 2018
Slider range jquery + keyup fonction Développement d'un site Web ou d'une appli mobile 26 Février 2018
se passer d'un SetTimeout dans Jquery Développement d'un site Web ou d'une appli mobile 23 Février 2017
Double JQUERY.js Débuter en référencement 18 Décembre 2016
Compresser le Jquery et le CSS ? Problèmes de référencement spécifiques à vos sites 26 Septembre 2016
Fichiers jquery.com et googleapis.com Développement d'un site Web ou d'une appli mobile 29 Mai 2016
Comment différer une commande jquery Développement d'un site Web ou d'une appli mobile 22 Octobre 2015
jquery repeter une fonction sur une div? Développement d'un site Web ou d'une appli mobile 29 Mars 2015
Récupérer nom de l'input submit jQuery Développement d'un site Web ou d'une appli mobile 14 Mars 2015
Jquery focusout sur input cloné Développement d'un site Web ou d'une appli mobile 21 Janvier 2015
Tracker un objectif en jquery Google Analytics 29 Décembre 2014