Résultat d'une recherche dans une fenêtre.

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

  1. wofty
    wofty Nouveau WRInaute
    Inscrit:
    1 Juin 2013
    Messages:
    3
    J'aime reçus:
    0
    Bonjour,
    j'ai récupérer ce code que j'ai trouvé à cette adresse : http://onwebdev.blogspot.com/2011/08/jquery-get-wikipedia-definition.html et qui donne le résultat suivant à cette adresse : http://dev.css-zibaldone.com/onwebdev/post/jquery-get-wikipedia-definition.html . J'aimerai l'adapter pour un projet perso en robotique. Le résultat de chaque recherche s'affiche à la suite.
    Mais ce que je souhaite, c'est quelle s'affiche dans la même fenêtre. Qu'est ce je dois modifier à votre avis ?
    Merci d'avance.

    Code:
    <!DOCTYPE html>
    <!-- saved from url=(0079)http://dev.css-zibaldone.com/onwebdev/post/jquery-get-wikipedia-definition.html -->
    <html><script type="text/javascript" src="chrome-extension://khbjahpecnkenngkidhioicnfpakihgo/iframe_raw.js"></script><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>jQuery: get a Wikipedia definition</title>
    <meta charset="utf-8">
    <style type="text/css">
    body {
    	margin: 2em;
    	font: 100% Arial, sans-serif;
    }
    #search {
    	margin: 0 auto;
    	width: 50%;
    }
    input, label {
    	font: 1em Arial, sans-serif;
    	vertical-align: middle;
    }
    label {
    	font-weight: bold;
    	margin-right: 0.5em;
    }
    #d {
    	border: 1px solid #999;
    	width: 150px;
    	background: #fff;
    	margin-right: 0.5em;
    }
    #submit {
    	background: #d34545;
    	border: none;
    	color: #fff;
    	font-weight: bold;
    	padding: 0.3em 1em;
    }
    div.def {
    	width: 50%;
    	padding: 1em;
    	background: #f5f5f5;
    	margin: 1em 0;
    }
    div.def h2 {
    	font-size: 1.3em;
    	font-weight: normal;
    	text-transform: uppercase;
    	margin: 0;
    }
    div.def p {
    	line-height: 1.4;
    	margin-top: 0;
    	margin-bottom: 0.3em;
    }
    div.def div a {
    	color: #d34545;
    }
    </style>
    <style type="text/css"></style><script>window["_GOOG_TRANS_EXT_VER"] = "1";</script></head>
    <body>
    <form action="./wikipedia/get.php" method="get" id="search">
    <div>
    	<label for="d">Question :</label>
    	<input type="text" name="d" id="d">
    	<input type="submit" name="submit" id="submit" value="Rechercher Définition">
    </div>
    </form>
    <script type="text/javascript" src="./wikipedia/jquery.min.js"></script>
    <script type="text/javascript">
    $(function() {
      $('#search').submit(function(event) {
        var $form = $(this);
        var term = $('#d', $form).val();
        $.ajax({
          type: 'GET',
          dataType: 'json',
          url: $form.attr('action'),
          data: 'd=' + term,
          success: function(data) {
            var html = '';
            html += '<div class="def">';
            html += '<h2>' + data.term + '</h2>';
            html += '<p>' + data.desc + '</p>';
            html += '<div><a href="' + data.url + '">' + data.url + '</a></div>';
            html += '</div>';
            $(html).appendTo($form);
          }
        });
        event.preventDefault();
      });
    });
    </script>
    </body></html>
     
  2. FortTrafic
    FortTrafic WRInaute passionné
    Inscrit:
    11 Décembre 2012
    Messages:
    1 202
    J'aime reçus:
    18
    dans ta deuxieme url la recherche s'affiche bien dans la meme fenetre.
     
  3. wofty
    wofty Nouveau WRInaute
    Inscrit:
    1 Juin 2013
    Messages:
    3
    J'aime reçus:
    0
    Bonjour, je grattouille depuis un moment ce code mais les résultats s'affichent toujours l'un en dessous de l'autre même si c'est visiblement dans la même fenêtre. Qu'est-ce qui coince pour qu'a chaque résultat l'ancien s’efface et affiche le nouveau ?
    Merci
     
  4. wofty
    wofty Nouveau WRInaute
    Inscrit:
    1 Juin 2013
    Messages:
    3
    J'aime reçus:
    0
    Trouvé !!! (merci au développeur du code :wink: ). Il suffit d'ajouter <div id="output"></div> ce qui donne :
    Code:
    <form action="./wikipedia/get.php" method="get" id="search">
    <div>
       <label for="d">Question :</label>
       <input type="text" name="d" id="d">
       <input type="submit" name="submit" id="submit" value="Rechercher Définition">
    </div>
    <div id="output"></div>
    </form>
    et de modifier cette partie de javascript
    Code:
    $(html).appendTo($form);
    par ceci
    Code:
    $('#output').empty();
    $(html).appendTo('#output');
    Il me reste encore à trouver comment ajouter un flux RSS au résultat de la réponse et de remplir le champ de recherche par l'URL.

    Si quelqu'un a des pistes, je suis preneur. Mais là j'ai bien peur d'être un peu hors-sujet par rapport à ma question initial. :mrgreen:
     
Chargement...
Similar Threads - Résultat recherche fenêtre Forum Date
Comment apparaître dans le bloc "Rechercher des résultats sur" Techniques avancées de référencement 9 Février 2022
Search Console Problème de version de langue dans les résultats de recherche Google Référencement international (langues, pays) 17 Juin 2021
Google Images: URL à la place du titre dans les résultats de recherche YouTube, Google Images et Google Maps 4 Mars 2021
Search Console 2 513 URL Valides -Envoyée et indexée - 20 résultats dans la recherche google Crawl et indexation Google, sitemaps 28 Janvier 2021
Présentation résultats de recherche : description longue au survol souris Référencement Google 15 Décembre 2020
J'ai indexé mes pages sur searchConsole, mais les pages ne figurent pas dans les résultats recherche Crawl et indexation Google, sitemaps 7 Septembre 2020
Encart "Rechercher des résultats sur" Référencement Google 10 Janvier 2020
Mais où sont passés les vrais résultats de recherche ? Référencement Google 24 Novembre 2019
Aucune information relative à la page dans les résultats de recherche Demandes d'avis et de conseils sur vos sites 11 Octobre 2019
Nouvelle présentatation des résultats du moteur de recherche google Référencement Google 5 Octobre 2019
Etre dans le top 3 des résultats de recherche seulement avec une stratégie de contenu ? Référencement Google 17 Septembre 2019
Résultats de recherche qui vont sur over-blog Débuter en référencement 11 Mai 2019
Résultat de recherche google sans méta-description en fonction de la requête Problèmes de référencement spécifiques à vos sites 8 Février 2019
Comment avoir les pages de son site dans les résultats d'une recherche google? Débuter en référencement 12 Novembre 2018
Résultat de recherche étonnant. Une explication? Problèmes de référencement spécifiques à vos sites 28 Août 2018
mon résultat de recherche n'est pas top, et pas d'indexation google search console Débuter en référencement 31 Juillet 2018
résultats Analyse de la recherche dans Google Search cosole Référencement Google 8 Juillet 2018
A/B testing de Google entre deux résultats de recherche pour une requête donnée ? Débuter en référencement 26 Octobre 2017
Aperçu du titre d'une page dans les résultats de recherche Google Débuter en référencement 18 Avril 2017
Indexation des résultats de recherche interne Débuter en référencement 22 Février 2017