Discussion :

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

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

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 :

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

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 :

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

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

J'ai tenté ce code :

Code :

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

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 :

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

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

[beegees]

Bonsoir

Code :

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

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

Bonsoir,

Merci pour votre réponse.

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

Voici le head :

Code :

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

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 :

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

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

et

Code :

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

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