IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Plugin Autocomplete Jquery sous IE


Sujet :

jQuery

  1. #1
    Candidat au Club
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mai 2011
    Messages : 2
    Par défaut Plugin Autocomplete Jquery sous IE
    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.

  2. #2
    Membre chevronné Avatar de beejeridou
    Homme Profil pro
    Webmaster
    Inscrit en
    Février 2007
    Messages
    280
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Février 2007
    Messages : 280
    Par défaut
    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.

  3. #3
    Candidat au Club
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mai 2011
    Messages : 2
    Par défaut
    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.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. plugin x-mplayer sous Linux ?
    Par linuxdeslandes dans le forum Applications et environnements graphiques
    Réponses: 2
    Dernier message: 27/07/2007, 14h21
  2. probleme d'installation plugin easy strut sous eclipse ?
    Par ouadie99 dans le forum Eclipse Java
    Réponses: 4
    Dernier message: 15/01/2007, 21h15
  3. Plugins Hibernate Tools sous Maven2
    Par xixi31 dans le forum Eclipse Java
    Réponses: 1
    Dernier message: 16/10/2006, 09h23
  4. [Plugin][phpeclipse] phpeclipse sous linux
    Par adel25 dans le forum Eclipse Java
    Réponses: 1
    Dernier message: 20/02/2006, 10h29
  5. [Plugin]Quel plugin pour JSF sous Eclipse ?
    Par Gabbe_pro dans le forum Eclipse Java
    Réponses: 2
    Dernier message: 03/06/2005, 09h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo