Discussion :

[yves51]

Bonjour à tous,

J'ai un formulaire dans lequel l'utilisateur peut rajouter des lignes en cliquant sur "+".

Le code de départ est ainsi:

Code html :

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

1
2
3
<div id="Etape1"></div>
<div id="Etape2"></div>
<div id="Etape3"></div>

et à chaque fois qu'une ligne est créée, du code est ajouté dans la balise div correspondante.

Cela fait apparaitre notamment un champ de formulaire dans lequel l'utilisateur choisit un nom, que je souhaite remplir par autocompletion.

Voici le code de function.js:

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
AjoutForm= function(NumForm){
var NumFormNext = parseInt(NumForm) + 1;
var TexteAjout = "<table width=\"100%\"><tr><td>\n\
\n\
<p><h2>Etape "+NumFormNext+"</h2>\n\
<input type=\"text\" id=\"Nom"+NumFormNext+"\" style=\"width:509px\"  placeholder=\"Nom du client, lieu, référence, ...\"/><br><br>\n\
<script type=\"text/javascript\">\n\
  var options = {\n\
    script:\"test.php?json=true&\",\n\
    varname:\"input\",\n\
    json:true,\n\
    callback: function (obj) { document.getElementById('testid').value = obj.id; }\n\
  };\n\
    var as_json = new AutoSuggest('testinput', options);\n\
  \n\
  var options_xml = {\n\
    script:\"test.php?\",\n\
    varname:\"input\"\n\
  };\n\
  var as_xml = new AutoSuggest('Nom"+NumFormNext+"', options_xml);\n\
</script>\n\";
document.getElementById("Etape"+NumFormNext).innerHTML = TexteAjout;

Mais le problème est que cela ne marche pas, l'autocomplétion ne se fait que si le champ est déjà affiché au démarrage de la page.

Avez-vous une solution?

Merci

[freddou17]

ok pour t'aider mais met nous plus de code
- l'ensemble de l'html concerné
- l'ensemble de fonctions js appelées