Supprimer une ligne d'un tableau [Résolu]

[lamb87]

Bonjour,

Je sais que ce sujet est déjà traité mais là c'est particulier.
Je souhaite supprimer une ligne que je viens de créer à l'aide d'une fonction d'ajout en Javascript. J'ai bien tenté plusieurs manière et même essayer des solutions proposées que j'ai adapté mais rien à faire

Voici mon code JavaScript :

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
function insRow()
{
var x=document.getElementById('myTable').insertRow(0);
var a=x.insertCell(0);
var b=x.insertCell(1);
var c=x.insertCell(2);
var d=x.insertCell(3);
var e=x.insertCell(4);
var f=x.insertCell(5);
var g=x.insertCell(6);
a.innerHTML="Type : ";
b.innerHTML="<select id='MySel' name='type' style='top:0;left:0;width:150px;'>" +
		"		<option value='&nbsp;'>-selectionnez-</option>" +
		"		<option value='carton'>carton</option>" +
		"	 </select>";
c.innerHTML="Entre les pages ";
d.innerHTML="<input type='text' value='1' name='firstInter' size='1' maxlength='3'/>";
e.innerHTML=" et ";
f.innerHTML='<input type="text" value="1" name="finalInter" size="1" maxlength="3"/>';
g.innerHTML='<a href="#" onClick="suppLigne()"> Supprimer </a>';
}
 
function supprLigne(){
 
}

et voici mon morceau de ma page php:

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
<table id="myTable">
	<tr>
		<td>
			Type : 
		</td>
		<td>
			<select id="MySel" name="type" style='top:0;left:0;width:150px;'>
                                 <option value="&nbsp;">-selectionnez-</option>
		                 <option value="carton">en carton</option>
			</select>
		</td>
		<td>
			Entre les pages 
		</td>
		<td>
			<input type="text" value="1" name="firstInter" size="1" maxlength="3"/>
		</td>
		<td>
			et 
		</td>
		<td>
			<input type="text" value="1" name="finalInter" size="1" maxlength="3"/>
		</td>
		<td>
			<a href="#" onClick="suppLigne()"> Supprimer </a>
		</td>
	</tr>	
</table>
					<input type="button" onclick="insRow()" value="Ajouter">

Merci d'avance pour votre aide

[andry.aime]

Bonjour,

Quelque chose comme ça?

A+.

[lamb87]

Bonjour et merci de ta réponse.

C'est effectivement ce que je cherchais, mais j'ai oublié de prendre en compte l'id du select qui change en s'incrémentant quand je le créé ...
Auriez-vous une solution à me proposer ?

Merci

[NoSmoking]

Bonjour,
il suffit de récupérer l'objet lors de l'ajout attendu que A est ajouté à la TD qui est ajoutée à la TR, on obtient

Code html :

g.innerHTML='<a href="#" onclick="suppLigne(this.parentNode.parentNode)"> Supprimer </a>';

et pour la fonction suppression

Code :

1
2
3
function suppLigne( ligne){
  ligne.parentNode.removeChild( ligne);
}

[lamb87]

Alors là j'ai envie de dire MERCI NoSmoking !!!!!


En effet çà fonctionne comme sur des roulettes

Franchement j'adore ce forum, c'est celui où les gens sont le plus réactifs (d'après les autres que j'ai pu faire)

--> go résolu