Discussion :

[Swapyyy]

Bonjour à tous,

Tout d'abord merci à l'auteur pour le superbe tuto concernant l'autocomplétion Ajax pas à pas !

Néanmoins j'ai un problème : j'ai suivi à la lettre les instructions de l'article et l'autocomplétion marche très bien... sauf lorsque j'en intègre deux dans la même page. A ce moment là, aucune des deux ne marche. J'ai pourtant essayé de changer le nom des fonctions, variables, librairies etc... mais cela ne résout pas le problème. Je suppose qu'il y a une petite astuce, mais je ne la trouve pas.

Si quelqu'un à des suggestions ou même la réponse, alors merci d'avance ;-)

Ciao !

[E.Bzz]

Bonjour,
tout dépend comment tu as fait les adaptations ...

Bref, pas possible de dire sans ton code

A+

[Swapyyy]

Voici donc mon code :

Fichier options.php (récupération des valeurs dans une BDD) :

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
<?php
require "Class/requetes.php";
 
header('Content-Type: text/xml;charset=utf-8');
echo(utf8_encode("<?xml version='1.0' encoding='UTF-8' ?><options>"));
if (isset($_GET['debut'])) {
    $debut = utf8_decode($_GET['debut']);
} else {
    $debut = "";
}
$debut = strtolower($debut);
$tab=select("CT_NUM,CT_INTITULE","F_COMPTET");
for ($toto=0;$toto<count($tab);$toto++)
{
	$liste[$toto]=strtolower($tab[$toto][1]). ' ('.$tab[$toto][0].')';
}
 
function generateOptions($debut,$liste) {
    $MAX_RETURN = 10;
    $i = 0;
    foreach ($liste as $element) {
        if ($i<$MAX_RETURN && substr($element, 0, strlen($debut))==$debut) {
            echo(utf8_encode("<option>".$element."</option>"));
            $i++;
        }
    }
}
 
generateOptions($debut,$liste);
 
echo("</options>");
?>

Et voici l'action déclenchée par le clic sur une valeur (il s'agit de la seule modification apportée sur ce fichier). Fichier automplete.js:

Code :

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

1
2
3
4
5
6
7
// declenchee quand on clique sur une div contenant une possibilite
var divOnMouseDown=function(){
  _inputField.value=getSuggestion(this);
  document.getElementById('ref_client').value=getSuggestion(this).substring(getSuggestion(this).indexOf('(')+1,getSuggestion(this).indexOf(')'));
  change_client();
/*  _documentForm.submit()*/
};

[Swapyyy]

J'ai trouvé une seule solution : changer le nom de toute les variables globales et fonctions, y compris le nom du fichier.

Enjoy

[lextaz33]

Salut!
je suis actuellement comme toi en train de faire un suggest avec le tuto pas à pas!
Je souhaite également avoir deux champs dans un meme formulaire!
Pourrait tu m'expliquer clairement ce que tu as du faire pour que ca fonctionne?

Je comprends que tu as dupliqué le fichier js et changer tout les noms de variables!!
C'est bien ca??

[lextaz33]

Nan parce que j'ai essayé de faire ça, les bon suggest sont sur les bon champ (je suggest des société d'un coté et des contacts de l'autre).

Seulement le premier suggest que je sélectionne, pas de problème mais quand je passe au suivant, il reste avec les champs du premier (le résultat s'affiche dans l'autre champ suggest et ainsi de suite)!!

Donc ça marche presque mais pas tout a fait!
C'est pour ça que je te demande exactement!
Merci!