Bonjour,

J'ai créé un menu déroulant en auto complétion en javascript.

Au début, j'avais saisi en "dure" la liste des items à mettre dans mon menu déroulant.

Mais, je souhaiterai que les items soient le contenu de ma table tadherents car des adhérents vont s'ajouter avec le temps et je ne souhaite pas modifier à chaque fois mon compte.

Le code que j'ai écrit ne fonctionne pas. Il m'indique "erreur ligne 14"

Si vous avez une idée ?

Merci par avance.

Avant j'avais ce code qui fonctionne très bien :

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
<HTML>
<HEAD>
<link rel="stylesheet" href="alice.css" type="text/css">
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="jquery-ui-1.8.14.custom.css" type="text/css">
</HEAD>
<Body>
<script type="text/javascript">
$(function()
		{
		var prenoms =
		[
			'alain',
			'agnès',
			'bernard',
			'bernadette'
		];
			$("#listeprenoms").autocomplete({
				source:prenoms
			});
		});
 
</script>
<div class="ui-widget">
<form action="test.php" method="GET">
<label for="listeprenoms">Prénoms : </label>
	<input id="listeprenoms">
</form>
</div>	
</Body>
 
</HTML>
Et à présent j'ai ce code :

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
<HTML>
<HEAD>
<link rel="stylesheet" href="alice.css" type="text/css">
<script src="jquery.js" type="text/javascript"></script>
<script src="jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="jquery-ui-1.8.14.custom.css" type="text/css">
</HEAD>
<Body>
<script type="text/javascript">
$(function()
		{
		var prenoms = new array()
		[
			<?php
//recherche dans la table
include("connexion.php");
$sql = "SELECT nom FROM tadherents";
$query=mysql_query($sql);
$num=mysql_num_rows($query);
//boucle sur la table
For($i=0;$i<$num;$i++)
{
  $nom=mysql_result($query,$i,'nom');
 
}
?>
		];
			$("#listeprenoms").autocomplete({
				source:prenoms
			});
		});
 
</script>
<div class="ui-widget">
<form action="test.php" method="GET">
<label for="listeprenoms">Prénoms : </label>
	<input id="listeprenoms">
</form>
</div>	
</Body>
 
</HTML>