Bonjour je suis entrain de developpé un moteur de recherche dans mon site,
voici le principe :
avec trois parametres à envoyer au serveur à chaque requête au serveur, j’utilise AJAX et javascript pour faire envoyer des requetes sur une page où se trouve le code PHP qui doit envoyé la requête au serveur puis le resultat s’affiche sur une page que j’aimerai crée avk javascript et faire un système de nombre d’affichages par pages
Voici le formulaire de la page index.php
<form id="monform" name="form1" method="post" action="resultat.php"> <br>
<span style="font-size: 13px; font-weight: bold; font-family: Tahoma;">La Ville:</span>
<select name="ville" id="select" onchange="selectEditor(this);" >
<?php
try
{
$bdd = new PDO('mysql:host=localhost;dbname=hotel', 'root', '');
}
catch (Exception $e)
{
die('Erreur : ' . $e->getMessage());
}
$reponse = $bdd->query('SELECT vile FROM nomville');
while($back = $reponse->fetch()) {
$idEditor = htmlentities($_POST['ville']);
?>
<option > <?php echo $back['vile']; ?></option>
<?php } ?>
</select> <br><br/>
<span style="font-size: 13px; font-weight: bold; font-family: Tahoma;">L'arrondissement:</span>
<select name="arrond" id="arrondi" onchange="selectEditor(this);" >
<?php
try
{
$bdd = new PDO('mysql:host=localhost;dbname=hotel', 'root', '');
}
catch (Exception $e)
{
die('Erreur : ' . $e->getMessage());
}
$reponse = $bdd->query('SELECT arrond FROM villes');
while($back = $reponse->fetch()) {
?>
<option > <?php echo $back['arrond']; ?></option>
<?php } ?>
</select> <br><br/>
<span style="font-size: 13px; font-weight: bold; font-family: Tahoma;"> Type de Loyer:</span>
<label>
<select name="type" id="nomville">
<?php
try
{
$bdd = new PDO('mysql:host=localhost;dbname=hotel', 'root', '');
}
catch (Exception $e)
{
die('Erreur : ' . $e->getMessage());
}
$query= $bdd->query('SELECT type FROM types');
while($famille = $query->fetch()){ ?>
<option> <?php echo $famille['type'];?></option>
<?php } ?> </select></label> <br>
<br></p> <br/>
<span style="font-weight: bold; font-family: Tahoma; font-size: 13px;">Votre Montant:
<input type="text" id="montan"> </span>
<label><input type="submit" name="bouton" value="Rechercher" class="button"/></label> <br>
</form>
Voici le code de l‘envoi avk AJAX et Javascript
<script type="text/javascript">
<!--
function makeRequest() {
var xhr;
if(window.XMLHttpRequest || window.ActiveXObject) {
if(window.XMLHttpRequest) {
xhr = new XMLHttpRequest();
}
else {
try {
xhr = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
}
else {
alert("Votre navigateur ne supporte pas l'objet XMLHTTPRequest...");
return;
}
xhr.onreadystatechange = function() {
if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0)) {
alert(xhr.responseText);
}
}
var arrond = encodeURIComponent(document.getElementById("arrondi").value);
var typ = encodeURIComponent(document.getElementById("nomville").value);
var prit = encodeURIComponent(document.getElementById("montan").value);
xhr.open("GET","requete.php?arrond=" + arrond + "&type=" +typ + "", "&prix=" +prit + "",true);
xhr.send(null);
}
Voici la partie où je suis bloqué en fait je n’ai pas envie d’utilisé une balise de ma page pour afficher les resultats mais de créer une page avk javascript pour afficher les resultats et un système de nombre de resultat à afficher par page comme dans tout moteur de resultat.
Pouvez-vous m’aidez me proposé des moyens me permettant de réaliser mon projet
function readData(oData) {
document.open();
document.clear();
document.write('<link rel="stylesheet" href="style.css">');
}
//-->
</script>
Partager