Discussion :

[ulmeen]

Bonjour

J'ai créé avec PHP un tableau et je souhaite que javascript ajoute des lignes suite à évènement onclick.

Ma fonction javascript fonctionne très bien avec Chrome mais pas avec IE (8, pas testé avec IE9).

Ma Page Html

Code html :

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
<table id="idTableLocalis">
<tr>
<td>Site/Batiment</td>
<td>Etage</td>
<td>Pièce(s)</td>
<td></td>
</tr>
<tr id="idTr1">
<td>
<input name="SiteBatiment1" id="idSiteBatiment1" type="hidden"  value=""  /></td>
<td>
<input name="Etage1" id="idEtage1" type="hidden"  value=""  />
</td>
<td>
<input name="Locaux1" id="idLocaux1" type="hidden"  value=""  />
</td>	
<td>
<img id="idImg1" border="0" src="/home/lib/img/Influx/Ajouter.gif" title="Ajouter un autre Bâtiment" style="cursor:pointer" onclick="JavaScript:AjouterBatiment(1)">
</td>
</tr>
</table>

Mon 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
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
function AjouterBatiment(indice)
{
	var NouvelIndice=indice+1;
	var letr  = document.createElement('tr');
	letr.setAttribute('id','idTr'+NouvelIndice);
 
	// SiteBatiment
	var letd1 = document.createElement('td');
 
	var chp1 = document.createElement('input');
	chp1.setAttribute('name','SiteBatiment'+NouvelIndice);
	chp1.setAttribute('id','idSiteBatiment'+NouvelIndice);
	chp1.setAttribute('type','text');
	chp1.setAttribute('size',20);
	chp1.setAttribute('maxlength',20);
 
	letd1.appendChild(chp1);
 
	// Etage
	var letd2 = document.createElement('td');
 
	var chp2 = document.createElement('input');
	chp2.setAttribute('name','Etage'+NouvelIndice);
	chp2.setAttribute('id','idEtage'+NouvelIndice);
	chp2.setAttribute('type','text');
	chp2.setAttribute('size',10);
	chp2.setAttribute('maxlength',10);
 
	letd2.appendChild(chp2);
 
	// Locaux
	var letd3 = document.createElement('td');
 
	var chp3 = document.createElement('input');
	chp3.setAttribute('name','Locaux'+NouvelIndice);
	chp3.setAttribute('id','idLocaux'+NouvelIndice);
	chp3.setAttribute('type','text');
	chp3.setAttribute('size',80);
	chp3.setAttribute('maxlength',80);
 
	letd3.appendChild(chp3);
 
	// boutons
	var letd4 = document.createElement('td');
 
	var image1 = document.createElement('img');
	image1.setAttribute('id','idImgAj'+NouvelIndice);
	image1.setAttribute('border',0);
	image1.setAttribute('src','/home/lib/img/Influx/Ajouter.gif');
	image1.setAttribute('title','Ajouter un autre Bâtiment');
	image1.setAttribute('style','cursor:hand'); 
 
	var evenement="JavaScript:AjouterBatiment("+NouvelIndice+")";
	image1.setAttribute('onclick',evenement);
 
	var image2 = document.createElement('img');
	image2.setAttribute('id','idImgRe'+NouvelIndice);
	image2.setAttribute('border',0);
	image2.setAttribute('src','/home/lib/img/Influx/Retrancher.gif');
	image2.setAttribute('title','Retirer ce Bâtiment');
	image2.setAttribute('style','cursor:hand');
 
	var evenement="JavaScript:SupprimerBatiment("+NouvelIndice+")";
	image2.setAttribute('onclick',evenement);
 
	letd4.appendChild(image1);
	letd4.appendChild(image2);
 
 
	letr.appendChild(letd1);
	letr.appendChild(letd2);
	letr.appendChild(letd3);
	letr.appendChild(letd4);
 
	// trouver le fils <tbody></tbody> de table (et contenant les tr...td ...)
	var obj=document.getElementById('idTableLocalis').getElementsByTagName('tbody')[0];
	obj.appendChild(letr);

Merci pour le conseil

[SpaceFrog]

Code :

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

image1.setAttribute('onclick',evenement);

Code :

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

image1.onclick=evenement();

ou addEventListener

[ulmeen]

le changement ne donne toujours rien avec IE et ne fonctionne plus sous Chrome !!

Code :

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

1
2
3
4
5
6
 
var evenement="JavaScript:AjouterBatiment("+NouvelIndice+")";
//	image1.setAttribute('onclick',evenement);
 
// remplacé par 	
image2.onclick=evenement;

[SpaceFrog]

Code :

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

var evenement=function(){AjouterBatiment(NouvelIndice)};

[ulmeen]

Merci