Effacer une ligne sélectionnée dans une liste

**francky74** · 28/10/2014, 11h41

Bonjour,

Je suis sur un exercice HTML, CSS, javascript et je galère pour faire une fonction Javascript qui efface une ligne sélectionnée lors du click (onMouseUp) sur un bouton.
la fonction en question s'apelle "supprimerSel()" (en ligne 62) et elle est apellée par le bouton "Supprimer la sélection" (en ligne 29)

Voici 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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="styles/styles.css"/>
</head>
<body>
<div id="divid">
	<p>Ajouter, insérer et supprimer une ligne dans une liste</p>
	<span>
		<label for="libelle">libellé : </label><input type="text" name="labelName" id="libelle" value="texte"/>
		<label for="valeur">valeur : </label><input type="text" name="valeurName" id="valeur" value="texte"/>
	</span>
	<div id="divBoutons">
		 <span>
		 	<button type="button" onMouseUp="ajouter()">Ajouter</button>
		 	<button type="button" onMouseUp="inserer()">Insérer</button>
		 </span>
	</div>
	<div id="idtextarea">
		<label for="message">Sélectionnez une ligne de la liste pour voir le message<br><br></label>
		<select id="liste" size="5" onchange="afficher()">
			<option id="1">Ligne initiale</option>
		</select>
	</div>
	<div id="divBoutonsSel">
		 <span>
		 	<button type="button" onMouseUp="supprimerSel()">Supprimer la sélection</button>
		 	<button type="button" onMouseUp="supprimerTout()">Supprimer tout</button>
		 </span>
	</div>
	<p>Bouton Ajouter : ajoute un item à la fin de la liste.</p>
	<p>Bouton Insérer : insère un nouvel item avant la ligne sélectionnée.</p>
	<p>Bouton Supprimer la sélection : supprime la ligne sélectionnée dans la liste.</p>
	<p>Bouton Supprimer tout : supprime toutes les lignes.</p>
</div>
<script>
	function ajouter(){
		var lib = document.getElementById("libelle").value;
		var val = document.getElementById("valeur").value;
		var liste = document.getElementById("liste");
		var opt = document.createElement("option");
 
		opt.text = lib;
		opt.id = val;
		liste.add(opt);
	}
 
	function inserer(){
		var lib = document.getElementById("libelle").value;
		var val = document.getElementById("valeur").value;
		var liste = document.getElementById("liste");
		var opt = document.createElement("option");
 
		opt.text = lib;
		opt.id = val;
		var selection = liste.options[liste.selectedIndex];
		liste.add(opt, selection);
	}
 
	function supprimerSel(){
		liste.remove[liste.selectedIndex];
		document.getElementById("option").innerHTML = "";
	}
 
	function supprimerTout(){
 
	}
</script>
</body>
</html>

Merci pour vos aides !

**Bovino** · 28/10/2014, 11h53

Il suffit de regarder ce que tu as écrit dans les fonctions précédentes... tu devrais te rendre compte que dans supprimerSel(), liste n'est pas définie...
Et au passage, regarder ce que te dis la console (F12 dans le navigateur) t'aurais aussi renseigné.

**Watilin** · 28/10/2014, 15h44

Salut,

pourquoi mouseup alors que click est tout indiqué ici ?

Autre chose, tu déclares un DOCTYPE, essaye de t'y tenir : http://validator.w3.org/

**francky74** · 29/10/2014, 12h28

Bonjour,

Merci pour ces renseignements !

Effacer une ligne sélectionnée dans une liste

JavaScript

Discussions similaires

Partager

Partager