Discussion :

[luchet]

Bonjour

Je suis entrain de construire un site Web ( Windows7 + Eclispe Indigo ) pour le developpement
Je voudrais mettre en place une autocomplétion sur un champ input qui me donne par exemple la liste de tous les dvd commençant par " un caractère saisi dans ce champ " ( ils sont enregistrés dans une Bd MySql )

Mon probléme

Avec Firefox et GoogleChrome tout fonctionne bien

Avec IE9 impossible d'avoir un résultat aucun retour ne s'affiche

Voiçi quelques lignes de codes de cette partie

le champ de saisie

Code html :

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

1
2
3
4
<form id="formulairerecherche" name="formulairerecherche" action="gestionArticles" method="post">
	<input type="text" id="recherche" name="recherche" value="<c:out value="${recherche}" />" onfocus="/>
	<input type="image" src="<b:config attribut="urlApplication"/>images/application/ok.gif" title="Lancer la recherche" align="middle"/>
</form>

la partie "chargerAutoCompleteUser();

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
function chargerAutoCompleteUser()
{
	/* Mise en forme de l'url */
	 url = "autoComplete";
 
	 /* Activation de l'autocomplétion  */
	 $("#recherche").autocomplete(url, {
	                delay: 400,
	                width:400,
	                cacheLength:1,
	                matchSubset:false,
	                mustMatch : true,
	                minChars:1,
	                autoFill: true,	                
	  });
 
}

la partie "autoComplete" est une servlet qui retourne une "liste" sur la vue autocomplete.jsp

Code java :

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

1
2
3
4
5
6
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="/WEB-INF/tld/c.tld" prefix="c" %>
 
<c:forEach items="${liste}" var="ligne" >
      <c:out value="${ligne}"/>				
</c:forEach>

POurquoi tout cela fonctionne -t-il sur les deux navigateurs précité et pas sur IE9
Mystère

Pouvez-vous m'aider à résoudre ce problème
Merci

[SylvainPV]

Bonjour,

Peut-on avoir le lien du plug-in JS utilisé pour l'autocomplétion, ainsi que le contenu de la console JS d'IE ?

[luchet]

voici les liens concernés

Code html :

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

1
2
3
4
<!--  Pour l'autocompletion  -->
<script type="text/javascript" src="<b:config attribut="urlApplication"/>javascript/jquery/plugin/dimensions.js"></script>
<script type="text/javascript" src="<b:config attribut="urlApplication"/>javascript/jquery/plugin/jquery.bgiframe.min.js"></script>
<script type="text/javascript" src="<b:config attribut="urlApplication"/>javascript/jquery/plugin/jquery.autocomplete.js"></script>

et une copie des message de la console

jquery.bgiframe.min.js, Ligne 8 Caractère 976
SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5)
jquery.bgiframe.min.js, Ligne 8 Caractère 976
SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5)
jquery.bgiframe.min.js, Ligne 8 Caractère 976
SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5)
jquery.bgiframe.min.js, Ligne 8 Caractère 976
SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5)
jquery.bgiframe.min.js, Ligne 8 Caractère 976

et une copie des informations envoyées pour l'autocomplétion

dans la servlet 2
dans le model [24 Heures chrono, Starsky & Hutch : l' Intégrale Saison 2]
dans le model [24 Heures chrono, Starsky & Hutch : l' Intégrale Saison 2]
dans le model [24 Heures chrono, Starsky & Hutch : l' Intégrale Saison 2]
dans le model [24 Heures chrono, Starsky & Hutch : l' Intégrale Saison 2]
dans le model [24 Heures chrono, Starsky & Hutch : l' Intégrale Saison 2]
dans le model [24 Heures chrono, Starsky & Hutch : l' Intégrale Saison 2]

J'espére que cela va vous aider

[SylvainPV]

Quand je te demandais le lien du plug-in, c'est là où tu l'as téléchargé. Il n'y en a pas qu'un, des plug-ins jQuery pour l'autocomplétion ! C'est celui-ci ? http://jqueryui.com/autocomplete/
Et les deux autres, dimension et jquery.bgiframe, peut-on savoir d'où ils viennent et pourquoi en as-tu besoin ?

[luchet]

Bonjour

Je n'est pas télécharger ces bibliothéques elles sont fournies avec le code de l'application BetaBoutique du livre " Guide de développement d'application web en java " de Jérôme Lafosse

Je n'ai fait que de les recopier dans mon application Voila !!

merci de vous interresser a mon Pb

[luchet]

Bonjour

le Pb est résolue il faut prendre la dernière version de jquery.bigframe.min.js a l'adresse suivante :

http://github.com/brandonaaron/bgifr...ry.bgiframe.js

Avec cette version IE9 fonctionne correctement

Merci de m'avoir aider.