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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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&eacute;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
                                                
                                                
                                                
                                                }
                                }
                                } 
                        } 
                } 
        }
?>