Création dynamique de champs de formulaire
Bonjour,
Je crée un formulaire de composition de badges ou étiquettes (d'après http://javascript.developpez.com/tel...que-des-champs).
Ce formulaire est constitué d'un tableau dont chaque ligne contient les mêmes champs. La ligne est repérée par son numéro.
Je rencontre une difficulté pour créer les champs du formulaire boucle for. Pour la ligne 21, la console me renvoie "createElement is not defined.". Même erreur pour la ligne suivante en commentaire.
Voici le début de mon script:
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
| var linesCount = 0;
// Ajout d'une colonne de table
function addField(){
// On incrémente le compteur ci-dessus
linesCount++;
// On récupère le tableau
var container = document.getElementById('list');
/**
* Création des éléments dont on a besoin :
* Un ligne dans lequel on mettra le champ à ajouter, les champs de formats
* et une case à cocher qui nous servira à enlever ensuite la ligne.
*
* En utilisant une ligne ce sera plus facile car sinon
* on aurait du enlever les champs et les cases à cocher séparément.
*/
var line = document.createElement('td');
var elements = ['content', 'family', 'size', 'bold', 'italic', 'color', 'del'];
var max = elements.length;
var inputs = [];
for (var i=1; i<=max; i++) {
inputs.push = createElement('input');
//inputs[i] = createElement('input');
inputs[i].name = '['+i+']'+elements[i];
}
inputs[1].type = 'select';
inputs[2].type = 'number';
inputs[3].type = 'select';
inputs[4].type = 'checkbox';
inputs[5].type = 'checkbox';
inputs[6].type = 'select';
inputs[7].type = 'checkbox';
} |
Contenu du tableau elements:
content contient le nom de la table MySql et la colonne d'où proviennent les données à imprimer
del est une case à cocher qui efface la ligne lorsqu'elle est cliquée
Les autres éléments définissent le format d'impression.
