Bonjour tout le monde, je souhaite faire un script d'autocomplétion jQuery.

Ce script devra remplir la case dès sa prise de focus.

J'ai donc téléchargé le jQuery avec l'option "autocomplete" sur le site officiel.

Voici le code HTML que j'ai écris :

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
<!DOCTYPE html>
	<html>
		<head>
			<link type="text/css" rel="stylesheet" href="jquery/jquery.autocomplete.css" />
			<script type="text/javascript" src="jquery/jquery-1.9.1.js"></script>	
			<script type="text/javascript" src="jquery/jquery-ui-1.10.3.custom.min.js"></script>		
		</head>
 
		<body>
 
		<form method="post" action="">
			<p>Nom :</p> <input type="text"  id="auton" name="nom" size="12" /><br />
				<!-- Script d'autocomplétion Jquery pour le nom -->
				<script>
					$(document).ready(function() {
						$('#auton').autocomplete('autocompletionN.php', {delay: 1});
					});	
				</script>
 
			<p>Pr&eacute;nom : </p> <input type="text" id="autop" name="prenom" size="12" /><br />
				<!-- Script d'autocomplétion Jquery pour le prénom -->
				<script>
					$(document).ready(function() 
						{
							$("#autop").autocomplete(["Cedric","Valentin"], {
								minLength: 0,
								delay: 1,
								extraParams: {
									nom: function() {
										return $("#auton").val(); 
										}
									}
								}
							).focus(function() {
								$(this).autocomplete("search", "", {
								minLength: 0,
								delay: 1,
								extraParams: {
									nom: function() {
										return $("#auton").val(); 
										}
									}
								});
								}
							);
						}
					);	
				</script>						
		</body>
	</html>
Ainsi que le code de la page "autocompletionN.php" :

Code php : 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
<?php
	$PARAM_utilisateur='***';
	$PARAM_mot_passe='***';
 
	try {
		$connexion = new PDO('mysql:host=localhost;dbname=db1', $PARAM_utilisateur, $PARAM_mot_passe);
	}
	catch(Exception $e){
		echo 'Erreur lors de la connexion';
		echo $e;
	}
			// si on reçoit une donnée
			if(isset($_GET['q'])) {
				$q = htmlentities($_GET['q']); // protection
 
				// écriture de la requête
				$requete = "SELECT nom FROM Utilisateur WHERE nom LIKE '". $q ."%' LIMIT 0, 10";
				// exécution de la requête
				$resultat = $connexion->query($requete) or die(print_r($connexion->errorInfo()));
				// affichage des résultats
				while($donnees = $resultat->fetch(PDO::FETCH_ASSOC)) {
					echo $donnees['nom'] ."\n";
				}
			}
?>


L'erreur rencontrée étant celle-ci :
Erreur : Error: cannot call methods on autocomplete prior to initialization; attempted to call method 'autocompletionN.php'
Fichier Source : http://***/test/jquery/jquery-1.9.1.js
Ligne : 507
Merci d'avance pour vos réponses.