Discussion :

[Pataglacon]

Bonjour à tous,

Voila j'utilise le plugin Jquery pour mettre de l'autocomplétion dans trois input dans ma page. Voici le code Javascript:

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
43
44
45
46
47
48
49
50
51
52
53
54
55
<script type="text/javascript" src="<?php echo CHEMIN_ABSOLU."/sk/js/lib/jquery.dimension.js"?>"></script>
	<script type="text/javascript" src="<?php echo CHEMIN_ABSOLU."/sk/js/lib/jquery.bgiframe.min.js"?>"></script>
	<script type="text/javascript" src="<?php echo CHEMIN_ABSOLU."/sk/js/jquery.autocomplete.js"?>"></script>
 
	<script type="text/javascript">
$(document).ready(function() 
{
	$.ajax({ // Requete ajax
	type: "POST", // envoie en POST
	url: "<?php echo CHEMIN_ABSOLU."/sk/vues/autocomplete/ville.php" ?>", // url cible du script PHP
	async: true, // mode asynchrone
	data: "", // données envoyées
	success: function(xml){ // Lorsque le PHP à renvoyé une réponse
 
	var villesArray = new Array();//tableau des villes
	var ecolesArray = new Array();//tableau des ecoles
	var compArray = new Array();  //tableau des competences
 
	//creation des tableaux pour autocompletion
	$(xml).find('ville').each(function(){ // pour chaque "element"
		villesArray.push($(this).text()); // ajout dans le tableau
		});
 
	$(xml).find('ecole').each(function(){ // pour chaque "element"
		ecolesArray.push($(this).text()); // ajout dans le tableau
		});
 
	$(xml).find('competence').each(function(){ // pour chaque "element"
		compArray.push($(this).text());   //ajout dans le tableau
		});
 
		//autocompletion des villes
		$("#villeProfil").autocomplete(villesArray, {
			/*matchContains : true, //permet d'afficher aussi les mots contenus dans un ensemble plus grand*/
		minChars : 1,
		multiple : false//permet de séparer plusieurs logins par une virgule
		}); // activation de l'autocompletion
 
		//autocompletion des ecoles
		$("#ecoleProfil").autocomplete(ecolesArray,{
		matchContains:true,
		minChars:1,
		multiple:false
		});
 
		$("#competencesProfil").autocomplete(compArray,{
		matchContains:true,
		minChars:1,
		multiple:true
		});
	}
	});
});
[... code sans rapport ...]
</script>

Sur Mozilla et Chrome je n'ai aucun soucis mais des que je passe sous IE7/8 plus aucune auto complétion, ça fait un moment que je navigue sur le web pour trouver une solution mais rien n'y fait Ie ne veux pas lancer d'autocomplétion.

[beejeridou]

Je dis peut-être une bêtise mais ton problème pourrait venir du css? genre ta div qui contient tes résultats qui serait cachée derrière les éléments de ton site?

sinon, as-tu des erreurs? ie7/8 t'affiches sommairement les erreurs Js en bas à gauche du navigateur.

[Pataglacon]

Merci de ta réponse,
pour ce qui est de l'autocompletion (AC par la suite), j'ai fait des test sur deux autre pages où j'en avais besoin,
dans la première il n'y a qu'un seul champs avec AC et il marche parfaitement même sous IE8, par contre sur la deuxième qui a trois champs elle aussi pas d'AC.
IE ne me donne aucunes erreurs sur mes trois pages (surtout depuis que je les ai corrigées) et pourtant toujours pas d'AC dès que j'ai plus d'un champs avec AC.
En fait après avoir fait des recherches sur le net j'ai trouvé la solution, le plugin jquery d'AC ne gère pas le multi champs, il faut utiliser l'UI Autocomplete de Jquery.