[POO] Formulaire dynamique (input/name/librairie ..)

**Argol** · 01/04/2009, 15h16

ReBonjour pour un nouveau problème

J'ai une librairie avec un calendrier
J'appelle un fonction de ce calendrier

Code :

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

displayCalendar(document.forms[0].chaine.valueOf(),'yyyy/mm/dd',this)

cette fonction nécessite des paramètre et c'est le premier qui nous intéresse;
En effet il faut donner le nom "name" d'un input type="text" afin d'afficher la date sur laquelle on a cliqué.
Moi je veux donc mettre comme nom "date_"+compteur (puisqu'il s'agit toujours d'un form dynamique.
Du coup pour faire

Code :

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

1
2
3
4
5
var res;
res=this.parentNode.parentNode.id;
res=res.substr(5, 1);
chaine="date_"+res;
alert(chaine.valueOf());

et lorsque je fais mon alert sa m'affiche EXACTEMENT ce que je veux comme parametre
par exemple "date_1"

et pourtant

Code :

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

1
2
displayCalendar(document.forms[0].chaine.valueOf(),'yyyy/mm/dd',this)
}

ne marche PAS !!!!!!!!!!!!

mais si je fais

Code :

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

1
2
displayCalendar(document.forms[0].date_1,'yyyy/mm/dd',this)
}

sa MARCHE !

pour cela je fais donc

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
input2.type = 'text';
input2.name ="date_"+compteur;	
input2.style.width="80px";
input2.value=formatDate;
input2.ref = compteur;
 
var input=document.createElement('input');
input.type = 'button';
input.value="Cal";
 
input.onclick=function()
 
{
var res;
res=this.parentNode.parentNode.id;
res=res.substr(5, 1);
chaine="date_"+res;
alert(chaine.valueOf());
 
displayCalendar(document.forms[0].chaine.valueOf(),'yyyy/mm/dd',this)
}

**SpaceFrog** · 01/04/2009, 15h25

si ce post rejpoint le précédent avec creation dynamique des input et attribution dynamique des inputs .. je crois que tu n'as pas du lire mes interventions ;..

don je repète ???
sous IE pas possible d'attribuer ou de modifier un name dynamiquement à un objet existant, il faut le faire au moment du createElement ...

**Argol** · 01/04/2009, 16h05

ben le nom je le crée au moment du createlement puisque je fais un createElement a chaque fois que je clique
donc je vois pas ou est le probleme
sinon IE c'est deja de la merde alors en plus si il y a d'autre problème...

**SpaceFrog** · 01/04/2009, 16h10

sinon IE c'est deja de la merde alors en plus si il y a d'autre problème...

Heu ... bienvenue dans le dev web

et on peut voir comment tu fais le createElement ?
tu intègres le name ?

**Argol** · 01/04/2009, 16h33

voili voilou

mais sinon mon problème en haut SVP je comprend pas pourquoi sa marche pas alors que c'est exactement le meme parametre !

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
function AddRow(){
 
 
 
 
 
 
 
 
compteur++; //ajout d'un ligne on incremente le compteur
inc++;
//liste de tout les input que l'on trouve dans le tableau ligne d e produit
var input0=document.createElement('input');
input0.type = 'button';
input0.name ="supprimer";
input0.value="Supprimer";
 
 
input0.onclick=function()
{
suppression(this.parentNode.parentNode.id);
}
 
 
var input1=document.createElement('input');
input1.type = 'text';
input1.name ="codeAAMM_"+compteur;
var input2=document.createElement('input');
input1.style.width="80px";
input1.value=affichedate();
 
 
 
var formatDate;
maDate=new Date();
formatDate=maDate.getFullYear();
formatDate+="/";
if (maDate.getMonth()<10)
{
formatDate+="0"+maDate.getMonth();
}
else{formatDate+=maDate.getMonth();}
 
 
formatDate+="/";
formatDate+=maDate.getDate();
 
 
input2.type = 'text';
input2.name ="date_"+compteur;	
input2.style.width="80px";
input2.value=formatDate;
input2.ref = compteur;
 
var input=document.createElement('input');
input.type = 'button';
input.value="Cal";
 
input.onclick=function()
 
{
var res;
res=this.parentNode.parentNode.id;
res=res.substr(5, 1);
chaine="date_"+res;
alert(chaine.valueOf());
 
displayCalendar(document.forms[0].chaine.valueOf(),'yyyy/mm/dd',this)
}
 
 
 
var input3=document.createElement('input');
input3.type = 'text';
input3.name ="origine_"+compteur;	
input3.id="origine_"+compteur;
input3.ref = compteur;
input3.style.width="80px";
 
var input4=document.createElement('input');
input4.type = 'text';
input4.name ="personne_"+compteur;
input4.id="personne_"+compteur;
input4.ref = compteur;
input4.style.width="115px";
 
 
var input5=document.createElement('input');
input5.type = 'text';
input5.name ="lieu_"+compteur;
input5.id="lieu_"+compteur;
input5.ref = compteur;
input5.style.width="110px";
 
var input6=document.createElement('input');
input6.type = 'text';
input6.name ="Numero_"+compteur;
input6.id="Numero_"+compteur;
input6.ref = compteur;
input6.style.width="170px";
 
var input7=document.createElement('input');
input7.type = 'text';
input7.name ="visa_"+compteur;
input7.id="visa_"+compteur;
input7.ref = compteur;
input7.style.width="70px";
 
var input8=document.createElement('input');
input8.type = 'text';
input8.name ="statut_"+compteur;
input8.id="statut_"+compteur;
input8.ref = compteur;
input8.style.width="50px";
input8.value="Attente";
input8.readOnly=true;
 
var input9=document.createElement('input');
input9.type = 'text';
input9.name ="da_"+compteur;
input9.id="da_"+compteur;
input9.ref = compteur;
input9.style.width="110px";
input9.value="Inconnu";
input9.readOnly=true;
 
 
 
 
 
 
 
//on crée un nouvelle ligne puis les nouvelles cellules a l'interieur
 
    var newRow = document.getElementById('table').insertRow(1);
	newRow.id="ligne"+compteur;
    var newCell = newRow.insertCell(0);
 newCell.appendChild(input0);
	 newCell = newRow.insertCell(0);
	newCell.appendChild(input1);
    newCell = newRow.insertCell(1);
    newCell.appendChild(input2);
	 newCell.appendChild(input);
	 newCell = newRow.insertCell(2);
   newCell.appendChild(input3);
	 newCell = newRow.insertCell(3);
     newCell.appendChild(input4);
	 newCell = newRow.insertCell(4);
   newCell.appendChild(input5);
	 newCell = newRow.insertCell(5);
	  newCell.appendChild(input6);
	 newCell = newRow.insertCell(6);
	 newCell.appendChild(input7);
	 newCell = newRow.insertCell(7);
	 	newCell.appendChild(input8);
	 newCell = newRow.insertCell(8);
		newCell.appendChild(input9);
	 newCell = newRow.insertCell(9);
 
}

**SpaceFrog** · 01/04/2009, 16h45

ça confirme mes craintes ... tu n'as pas lu mes interventions sur l'autre post ...

Code :

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

1
2
3
var input1=document.createElement('input');
input1.type = 'text';
input1.name ="codeAAMM_"+compteur;

je le redis ...
pas d'attribution de name en runtime !!!!

pour IE il faut faire

Code :

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

1
2
var input1=document.createElement('<input name="codeAAMM'+compteur+' >');
input1.type = 'text';

**Argol** · 02/04/2009, 10h30

heuuu.... sa marche aussi sous firefox ?

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
function AddRow(){
 
compteur++; //ajout d'un ligne on incremente le compteur
//liste de tout les input que l'on trouve dans le tableau ligne d e produit
var input0=document.createElement('<input name="supprimer'+compteur+' >');
input0.type = 'button';
input0.value="Supprimer";
 
input0.onclick=function()
{
suppression(this.parentNode.parentNode.id); //appel de la fonction suppresion
}
 
 
 
var input1=document.createElement('<input name="ref_'+compteur+' >');
input1.type = 'text';
input1.style.width="56px";
 
var input2=document.createElement('<input name="designation_'+compteur+' >');
input2.type = 'text';
input2.style.width="170px";
 
 
var input3=document.createElement('<input name="qte_'+compteur+' >');
input3.type = 'text';
input3.id="qté_"+compteur;
input3.ref = compteur;
input3.style.width="60px";
input3.onkeyup = function(){
    check(this.ref);
	total();
	chiffres(this);
	}
input3.onchange=function(){
 
total();
}
var input4=document.createElement('<input name="pu_'+compteur+' >');
input4.type = 'text';
input4.id="prix_"+compteur;
input4.ref = compteur;
input4.style.width="80px";
input4.onkeyup = function(){
    check(this.ref); 
	total();
	chiffres(this);
	}	
input4.onchange=function(){
 
total();
}	
 
var input5=document.createElement('<input name="remise_'+compteur+' >');
input5.type = 'text';
input5.id="remis_"+compteur;
input5.ref = compteur;
input5.style.width="70px";
input5.onkeyup = function(){
    check(this.ref);
		total();
		chiffres(this);
	}	
input5.onchange=function(){
 
total();
}
 
 
//on crée un nouvelle ligne puis les nouvelles cellules a l'interieur
    var newRow = document.getElementById('table').insertRow(-1);
	newRow.id="ligne"+compteur;
    var newCell = newRow.insertCell(0);
 newCell.appendChild(input0);
	 newCell = newRow.insertCell(0);
	newCell.appendChild(input1);
    newCell = newRow.insertCell(1);
    newCell.appendChild(input2);
	 newCell = newRow.insertCell(2);
   newCell.appendChild(input3);
	 newCell = newRow.insertCell(3);
     newCell.appendChild(input4);
	 newCell = newRow.insertCell(4);
   newCell.appendChild(input5);
	 newCell = newRow.insertCell(5);
 
    newCell.innerHTML = ' <span id="result_'+compteur+'"></span>';
 
 
}

FIREBUG :

Code :

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

1
2
Firebug a atteint sa limite d'enregistrements. %S entrées ne sont pas montrées.		Préférences	 
uncaught exception: String contains an invalid character (NS_ERROR_DOM_INVALID_CHARACTER_ERR)

Merci

**SpaceFrog** · 02/04/2009, 10h34

non cela ne fonctionne pas pour autre que IE

Mais je me demande pourquoi je me fatigue à réaliser des articles et a t'en donner les liens ...

**Argol** · 02/04/2009, 10h41

muarf comment je fais pour detecter si c'est IE ou pas alors ?

Code :

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

1
2
3
4
5
6
7
8
 
      function isIE()
 
      {
 
      return /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent);
 
      }

**SpaceFrog** · 02/04/2009, 10h41

Mais je me demande pourquoi je me fatigue à réaliser des articles et a t'en donner les liens ...

**Argol** · 02/04/2009, 11h54

ok, meric j'ai corrigé sa j'espere pas pour rien et que marchera sur ce putin de merde d'IE......
en gros j'ai fais sa

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
if (isIE())
{
var input1=document.createElement('<input name="ref_'+compteur+' >');
}
else
{
var input1=document.createElement('input');
input1.name ="ref_"+compteur;
}
input1.type = 'text';
input1.style.width="56px";
input1.onkeyup = function(){
   	chiffres(this);
	}

par contre c'etait pas mon problème d'origine du mon post.
du coup je le repose pour que sa doit peut etre plus clair...

je fais

Code :

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

1
2
3
alert(chaine);
 
displayCalendar(document.forms[0].chaine,'yyyy/mm/dd',this)

et l'alert de chaine m'affiche exactement ce que je veux sauf que comme parametre de la fonction displayCalendar() sa marche pas ^^ alors que si je met ce que contient le String chaine en parametre sa marche !!!

bah en fait j'avais mis les valueOf() pour la simple raison que je cherche à que sa me mettre le contenue de la variable et non pas "chaine" mais à priori j'ai bien l'impression que un document.form attend derriere un name et ne marche pas avec une variable à moins que il y ai une syntaxe mais je ne la connais pas..