[AJAX] deux autocomplétion sur une même page

Version imprimable

07/07/2008, 14h25
Swapyyy

[AJAX] deux autocomplétion sur une même page

Bonjour à tous,

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

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 !
07/07/2008, 14h52
E.Bzz

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

Bref, pas possible de dire sans ton code ;)

A+

Voici donc mon code :

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

Code:

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:

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()*/
};

08/07/2008, 16h08
Swapyyy

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

Enjoy ;) :salut:
10/07/2008, 09h57
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??
10/07/2008, 11h59
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!
10/07/2008, 12h01
E.Bzz

C'est clair pourtant :

Citation:

Envoyé par Swapyyy

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

Citation:

Envoyé par lextaz33

Donc ça marche presque mais pas tout a fait!

C'est donc que tu as presque tout changé, mais pas tout à fait :mouarf:

A+
10/07/2008, 15h04
lextaz33

OK!
Je donne le résultat pour pas passer pour un nanar! lol
J'avais bien tout changé, il fallait en plus changer le nom des élements div.
C'est à dire remplacer document.createelement("div") par document.createelement("div1")!!

Citation:

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

Voila, donc pour dire c'était pas écrit et je pensais pas qu'on pouvait changer le nom d'une balise div comme ca! pour moi une div c'était une <div/> pas une <div1/>!
Maintenant je sais!
Merci merci!!
10/07/2008, 15h15
E.Bzz

Citation:

Envoyé par lextaz33

OK!
Je donne le résultat pour pas passer pour un nanar! lol
J'avais bien tout changé, il fallait en plus changer le nom des élements div.
C'est à dire remplacer document.createelement("div") par document.createelement("div1")!!

Voila, donc pour dire c'était pas écrit et je pensais pas qu'on pouvait changer le nom d'une balise div comme ca! pour moi une div c'était une <div/> pas une <div1/>!
Maintenant je sais!

Heu ... oui mais non : c'est faux, ça :aie:

C'est l'id du div à alimenter qu'il faut modifier pas la balise elle-même ;)

A+
10/07/2008, 15h18
lextaz33

eh ben l'id du div était déjà changé, mais ça ne fonctionnait pas!
J'ai tenté le div1 et le résultat est la!
Après la raison je sais pas!
10/07/2008, 15h21
E.Bzz

Citation:

Envoyé par lextaz33

eh ben l'id du div était déjà changé, mais ça ne fonctionnait pas!
J'ai tenté le div1 et le résultat est la!
Après la raison je sais pas!

J'ai déjà vu flotter une voiture !
Pas pour autant que c'est le meilleur moyen de se déplacer sur l'eau, ni que ça fonctionne dans tous les cas :mrgreen:

A+
10/07/2008, 15h45
lextaz33

J'ai pas dit le contraire!
Mais tu ne me donne pas de solution en disant ça donc...
Moi je dis juste ce que j'ai fait et ce qui marche dans ce cas précis!
Si tu as ma solution je suis preneur!