code auto complétion buggué

**smotte761** · 21/07/2011, 23h05

Bonsoir,

Je m'initie à JQUERY.

J'ai tapé ce code de manière à pouvoir avoir une liste de proposition dans le champs.

Mais lorsque je clique dans le champs, j'ai un message d'erreur qui m'indique "Objet attendu ligne 325". Cette ligne provient du fichier : jquery-ui-1.8.14.custom.min.js

Je suis complétement bloqué et je ne sais pas quoi faire... Si quelqu'un pouvait m'éclairer.
Merci par avance.

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
<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>
 
</HEAD>
<Body>
<script type="text/javascript">
$(function()
		{
		var prenoms 
		[
			'alain',
			'agnès',
			'bernard',
			'bernadette'
		];
			$("#listeprenoms").autocomplete({
				source:prenoms
			});
		});
 
</script>
 
 
	<input id="listeprenoms">
</Body>
 
</HTML>

**danielhagnoul** · 21/07/2011, 23h35

Bonsoir

Voir le code de la démonstration : http://jqueryui.com/demos/autocomplete/

Code :

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

1
2
3
4
<div class="ui-widget">
	<label for="listeprenoms">Prénoms : </label>
	<input id="listeprenoms">
</div>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
var prenoms = [
			'alain',
			'agnès',
			'bernard',
			'bernadette'
		];

$("#listeprenoms").autocomplete({
	source:prenoms
});

**smotte761** · 22/07/2011, 07h21

Bonjour,

Je tenais à vous remercier car cela fonctionne !

J'ai constaté que je suis étoudi (le = manquant) mais surtout j'ai appris qu'il fallait rajouter <div class="ui-widget">.

J'ai fait un tour sur vos cachiers d'exercices... Ils sont très clairs et détaillés. Je pense m'exercer avec.

Bonne journée.

code auto complétion buggué

jQuery

Discussions similaires

Partager

Partager