UI Autocomplete, création ?

[beegees]

Bonsoir,

J'essaie de mettre en place le plugin autocomplete de jquery.

Vu que j'alimente ma div via un include, je dois créer (je pense) l'objet autocomplete comme ce code :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
xhr.onreadystatechange = function()
	{
		//alert(xhr.status);
		//alert(xhr.readyState);
		if(xhr.readyState == 4 && (xhr.status == 200 || xhr.status == 0 ) )
 
		{
			resultat = xhr.responseText;
			//alert(resultat);
			var obj = $("#accordion");
			obj.html(resultat);
			obj.accordion("destroy").accordion(obj.data("accordionSettings"));
obj.accordion("option" , "autoHeight" , false );

J'ai donc cet input :

Code :

1
2
3
4
 
<p>
       <input type="text" id="autocomplete" />
 </p>

Cet input n'existe pas au chargement de la page

J'ai par contre initialisé le plugin dans le head de la page principale :

Code :

1
2
3
$("input#autocomplete").autocomplete({
    		source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
	});

J'ai tenté ce code :

Code :

1
2
3
4
 
$("input#autocomplete").autocomplete({
    		source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
			});

Sans succès
Sauriez-vous me dire comment je peux faire svp ?

Merci d'avance.

beegees

[danielhagnoul]

Bonsoir

Code :

1
2
3
<div class="ui-widget">
	<input id="autocomplete"/>
</div>

[beegees]

Envoyé par danielhagnoul

Bonsoir

Code :

Bonsoir,

Merci pour votre réponse.

J'ai appliqué votre code, mais sans succès.

Voici le head :

Code :

1
2
3
4
5
6
7
<script type="text/javascript" src="jquery/js/jquery-1.5.1.min.js"></script>
    <script type="text/javascript" src="jquery/js/jquery-ui-1.8.13.custom.min.js"></script>
	<script type="text/javascript" src="jquery/js/jquery.ui.datepicker.js"></script>
     <script type="text/javascript" src="jquery/development-bundle/ui/jquery.ui.core.js"></script>
     <script type="text/ecmascript" src="jquery/development-bundle/ui/jquery.ui.dialog.js"></script>
     <script type="text/javascript" src="jquery/jqModal.js"></script>
     <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

D'autres plugin (accordion, dialog...) sont présents.

Le fait de mettre

Code :

1
2
3
$("input#autocomplete").autocomplete({
    		source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"]
			});

et

Code :

1
2
3
<div class="ui-widget">
			<input id="autocomplete"/>
		</div>

dans la page principale fait fonctionner le plugin, mais ce n'est pas dans lors du chargement de la page principale que j'ai besoin du plugin, mais bien lorsque une certaine div est remplie.

Merci d'avance pour l'aide.

beegees