Int�grer du PHP dans du javascript

Version imprimable

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 :

Citation:

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
<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 :

Citation:

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
<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>

27/07/2011, 09h15
ska_root

Bonjour,

tu ne fais rien avec la variable $nom, il faut l'�crire et ajouter des quotes et une virgule dans ta boucle for

Code:

echo "'".$nom"',";

d'autre part tu ne fais pas afficher d'�ventuelles erreurs mysql, ton probl�me vient peut-�tre de l� aussi.

Code:

$query=mysql_query($sql) or die(mysql_error());

;)

Merci pour ta r�ponse.

Cela fonctionne mieux, mais maintenant j'ai la liste un nouveau message d'erreur qui me donne la liste des contacts (dupont, durant, etc...) est qui me dit "est ind�fini".

J'ai copi� ton code pour s�parer les noms par une , mais cela ne fonctionne pas. Du coup, j'ai simplifi� en saisisant echo $nom juste pour tester.
Citation:
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 <script type="text/javascript"> $(function() { var prenoms = [ <?php //recherche dans la table include("connexion.php"); $sql = "SELECT nom FROM tadherents"; $query=mysql_query($sql) or die(mysql_error()); $num=mysql_num_rows($query); //boucle sur la table For($i=0;$i<$num;$i++) { $nom=mysql_result($query,$i,'nom'); echo $nom; } ?> ]; $("#listeprenoms").autocomplete({ source:prenoms }); }); </script>

27/07/2011, 11h08
smotte761

J'ai trouv� la solution gr�ce � ce tuto en vid�o :
[ame="http://www.youtube.com/watch?v=1rxfXReWY4k"]‪R�aliser un champ "Autocomplete" avec PHP/SQL et la libraire jQuery.‬&rlm; - YouTube[/ame]

Ca fonctionne parfaitement bien !