Discussion :

[M.Dlb]

Bonjour à tous !

Je souhaiterais faire un formulaire dynamique : mon problème actuellement est que mon code marche sous IE mais pas sous firefox... Voici le code :

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
function addRow() {
	var table = document.getElementById("tableLogins");
	var lastRow = table.rows.length;
	var tr = table.insertRow(lastRow);
	var td1 = tr.insertCell(0);
	td1.setAttribute("width", "50%");
	td1.setAttribute("align", "right");
	td1.appendChild(document.createTextNode("Login/Password (*) :"));
	var td2 = tr.insertCell(1);
	td2.setAttribute("width", "50%");
	td2.setAttribute("align", "left");
	var input =  document.createElement("input");
	input.setAttribute("style", "width: 200px");
	input.setAttribute("type", "text");
	input.setAttribute("name", "login");
	input.setAttribute("value", "");
	td2.appendChild(input);
}

Avec le code que SpaceFrog m'a donné hier, j'ai vois les éléments de mon formulaire : sous firefox ce nombre ne varie pas lorsque je lance la fonction ci-dessus, mais sous IE ce nombre augmente bien...

Avez-vous une idée de la cause ?

Merci d'avance !

[M.Dlb]

Voici le code que m'a donné SpaceFrog :

Code :

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

1
2
3
4
5
6
7
	var recap="";
	var NbrElts=document.getElementById('createFaqForm').elements.length;
 
	for(i=0;i<NbrElts;i++) {
		recap=recap + "type\: " +document.getElementById('createFaqForm').elements[i].type+"  name \: "+document.getElementById('createFaqForm').elements[i].name+" valeur \:  "+document.getElementById('createFaqForm').elements[i].value+"\<br\/\>";
	}
	document.getElementById("textDiv").innerHTML=recap;

La liste des élements de mon formulaire grossit normallement dans IE, mais pas dans Firefox. Ainsi lorsque je soumets mon formualire, la liste des paramètres sous IE comprend les input que j'ai rajoutés, mais sous firefox, la liste des paramètres ne varie pas...

Y'aurait-il un lien entre les élements du formulaire et la liste des paramètres ?... Avez-vous une solution ?

[javatwister]

tu pourrais pas d'abord vérifier si l'essentiel est ok?

création d'un input???
sans tout le tralala du tableau...

[M.Dlb]

Oui là effectivement ca marche... Que faut-il modifier alors ? Je suis presque obligé d'utiliser un tableau, et je n'ai pas très envie d'utiliser de CSS...

[javatwister]

eh bien tu as tort

notamment parce que les éléments td supportent de manière fluctuante l'insertion dynamique d'éléments input;

[jibouze]

salut,
à propos des tableaux j'ai eu aussi quelques surprises.
N'utilises pas insertRow, je crois que c'est spécifique IE. Utilises des createElement('tr') !
De même insertCell à remplacer par createElement('td').
MAIS (il y en a tjs un), IE va avoir bien du mal à intégrer tout ça. Du coup, tu dois créer un tbody en plus.
Un bout code qui marche sur les 2 (ie et ff) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
var tab=document.createElement('table');
var tb= document.createElement("tbody");
tab.appendChild(tb);
var ligne = document.createElement("tr");  
var cell1=document.createElement("td");
var texte= document.createTextNode('Libellé :');
var libelle=document.createElement("input");
libelle.type='text';
cell1.appendChild(police);
ligne.appendChild(cell1);
tab.lastChild.appendChild(ligne);