Effacer une ligne sélectionnée dans une liste
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:
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 !
