Intégrer du PHP dans du javascript

**smotte761** · 27/07/2011, 09h00

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>

**ska_root** · 27/07/2011, 09h15

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**smotte761** · 27/07/2011, 09h30

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.

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

**smotte761** · 27/07/2011, 11h08

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 !

Intégrer du PHP dans du javascript

PHP & Base de données

Discussions similaires

Partager

Partager