Afficher résultats moteur de recherche
Bonjour à vous,
J'ai besoin d'afficher les résultats obtenus par un moteur de recherche qu'on a obtenu. Pour cela j'ai essayé avec ce code HTML mais malheureusement je n'ai pas les résultats j'ai voulu et du coup je compte sur votre aide svp. Sachant que je dois afficher chaque résultat le titre et la description. Une fois le nombre de résultats est trop (dépasse le 5) faut faire de pagination...
Voilà le code
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
| <html>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
<head>
<title>Tickets Search</title>
<!-- Bootstrap -->
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
<link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="css/solrstrap.css" rel="stylesheet" media="screen">
</head>
<body>
<h3>Tickets Search Engine</h3>
Query: <input id="query" />
<button type="button" id="search" onclick="on_search()">Search</button>
<hr/>
<div id="results">
</div> |
et Voilà mon code javascript:
Code:
1
2
| document.getElementById('results').prepend('<div>' + docs[item].Title[0] + '</div>');
document.getElementById('results').prepend('<div>' + docs[item].Description[0] + '</div>'); |
Avec ces codes les résultats sont affichés avec même des balises <div> et surtout les uns avec les autres ce qui rends non lisibles...Toute information sera le bien venue svp..
