Discussion :

[speedy_souris]

Bonjour à toutes et tous,
j'ai une fonction pour créer un formulaire en JS
ce qui pose soucis c'est attribuer un nom de variable dynamiquement à partir d'un tableau
comment attribuer un nom de variable qui prend < nomBalise[i][j] > comme nom ?

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
// Formulaire pour Ajouter un Lien
function creeFormulaire(){
    var forAjout = document.createElement("form");
    var nomBalise = [
        ["labAuteur", "inpAuteur", "pAuteur"],
        ["labTitre", "inpTitre", "pTitre"],
        ["labUrl", "inpUrl", "pUrl"]
    ];
    var balise;
    for (var i = 0; i < nomBalise.length; i++){
        for (var j = 0; j < nomBalise[i].length; j++){
            balise.name += nomBalise[i][j];
            if (j === 0){
                balise = document.createElement("label");
            } else if (j === 1){
                balise = document.createElement("input");
            } else if (j === 2){
               balise = document.createElement("p");    
            }
            balise.appendChild(nomBalise[i][j-2]);
            balise.appendChild(nomBalise[i][j-1]);
            forAjout.appendChild(balise);
        };
    }; 
    return forAjout;
};

merci

[Invité]

Bonjour,

voilà une "base de travail" un peu plus complète :

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
// Formulaire dynamique
function createMyForm()
{
  var myForm = document.createElement("form");
  var fields = [
    {obj:'input', type:'text', name:'Auteur', label:'Nom de l\'Auteur', value:'', required:1, css:''},
    {obj:'input', type:'text', name:'Titre', label:'Titre de l\'Ouvrage', value:'', required:1, css:''},
    {obj:'input', type:'url', name:'Url', label:'Url du lien', value:'', required:0, css:''}
  ];
 
  for( var i in fields ){
    var f = fields[i];
    var f_p = document.createElement("p");    
 
    var f_label = document.createElement("label");
    f_label.textContent = f.label + ' : ';
    f_label.setAttribute( 'for', 'id'+f.name );
    f_p.appendChild(f_label);
 
    if( f.obj == 'input')
    {
      var f_input = document.createElement("input");
      f_input.type = f.type;
      f_input.name = f.name;
      f_input.id = 'id'+f.name;
      if( f.required == 1)
      {
        f_input.setAttribute( 'required', 'required');
      }
      f_p.appendChild(f_input);
    } else {
      // autres (select, textarea) : à construire
    }
    myForm.appendChild(f_p);
  }; 
  return myForm;
};
 
document.body.appendChild( createMyForm() );

[speedy_souris]

avec ca je devrais m'en sortir
ok merci beaucoup de votre aide !