bonjour tout le monde j'ai un souci avec un formulaire de recherche,
il fonctionne très bien, mon souci est que je voudrais qu'au chargement de la page et quand le formulaire est vide il m'affiche la liste des patients or actuellement ce n'est pas le cas...
sinon, quand je tape un nom pour ma recherche cela marche parfaitement donc aucun souci de ce coté.
Merci d'avance
voici mon code:
code js: dans le <head>
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<script type="text/javascript">
$(document).ready( function() {
//*********************************** détection de la saisie dans le champ de recherche
$('#q').keyup( function(){
$field = $(this);
$('#results').html(''); // on vide les resultats
$('#ajax-loader').remove(); // on retire le loader
// on commence à traiter à partir du premier caractère saisie
if( $field.val().length > 0 )
{
// on envoie la valeur recherché en GET au fichier de traitement
$.ajax({
type : 'GET', // envoi des données en GET ou POST
url : 'ajax-search.php' , // url du fichier de traitement
data : 'q='+$(this).val() , // données à envoyer en GET ou POST
beforeSend : function() { // traitements JS à faire AVANT l'envoi
$field.after('<img src="images/ajax-loader.gif" alt="loader" id="ajax-loader" />'); // ajout d'un loader pour signifier l'action
},
success : function(data){ // traitements JS à faire APRES le retour d'ajax-search.php
$('#ajax-loader').remove(); // on enleve le loader
$('.results').html(data); // affichage des résultats dans le bloc
}
});
}
});// ********************************Fin détection de la saisie dans le champ de recherche
});
</script> |
code html: dans <body>
Code :
1
2
3
4
5
6
7
8
9
10
11
12
|
<form class="ajax" method="get">
<table width="300" border="0" style="margin-bottom:15px; margin-left:30px">
<tr>
<td><strong>Recherche:</strong></td>
<td><span class="ajax">
<input type="text" name="q" id="q" size="29"/>
</span></td>
</tr>
</table>
</form>
<div class="results"></div> |
code php dans la page ajax-search.php
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
<?php
// PHP5 Implementation - uses MySQLi.
// mysqli('localhost', 'yourUsername', 'yourPassword', 'yourDatabase');
$db = new mysqli('localhost', 'root', '', 'ost');
if(!$db) {
// Show error if we cannot connect.
echo 'ERROR: Could not connect to the database.';
} else {
// Is there a posted query string?
if(isset($_GET['q'])) {
$queryString = $db->real_escape_string($_GET['q']);
// Is the string length greater than 0?
if(strlen($queryString) >0) {
$query = $db->query("SELECT * FROM patient WHERE nom LIKE '%" . $queryString . "%' OR prenom LIKE '%" . $queryString . "%' OR age LIKE '%" . $queryString . "%' ORDER BY id LIMIT 8");
if( $query == 0 )
{
echo "<li>Pas de résultats pour cette recherche</li>";
}
else {
// While there are results loop through them - fetching an Object.
// Store the category id
$catid = 0;
while ($result = $query ->fetch_object()) {
if($result->id != $id) { // check if the category changed
?>
<ul class="result"><a href="javascript:void(look('<?php echo $result->id ?>'));">
<li class="zone1"><?php echo $result->id ?></li>
<li class="zone2"><?php echo utf8_encode( $result->nom ); ?></li>
<li class="zone3"><?php echo utf8_encode($result->prenom ); ?></li>
<li class="zone4"><?php if($result->telfix ==""){}
else { echo'<img src="images/telfix.gif" width="13" height="13" alt="téléphone fix" />: '.$result->telfix.''; }
if($result->telport ==""){}
else { echo'<img src="images/telport.gif" width="13" height="13" alt="téléphone portable" />: '.$result->telport.'';}?></li>
</a></ul>
<ul class="option" id="<?php echo $result->id ?>" style="display:none">
<table width="300" border="0">
<tr>
<td><a href="">Close</a></td>
<td></td>
<td><a href="dossier.php?id=<?php echo $result->id ?>" target="_parent">Ouvrir le dossier</a></td></form>
</tr>
</table>
</ul>
<?php
}
}
}
}
}
}
?> |
11/10/2011, 12h43
Formulaire de recherche
00
