R�cup�ration de la valeur d'un <td> JS
Bonjour,
Je sais que ce probl�me � �t� post� de nombreuse fois (j'ai vu beaucoup de discussions de forum qui en traitait!), mais dans mon cas particulier je ne trouve pas de solution.
En faite, j'ai un tableau dans ma page HTML (se tableau affiche mes lignes d'une BD) et je voudrai r�cup�rer la derni�re colones de mon tableau (l'id) car j'en ai besoin dans mon code ! :) mais la, le probl�me c'est lorsque je clique sur mon id quand la page Html s'affiche, je ne rentre m�me pas dans mon JavaScript (comme vous pouvez le voir, j'ai mis un "Test" � afficher dans la console lors du clique sur le td)
Du coup il y a peut �tre un param�tre que j'ai mal �crit ou autre mais je n'ai toujours pas trouv�.
(Le but final �tant de r�cup�rer l'id dans mon code pour pouvoir ensuite supprim� la ligne dans ma base de donn�es depuis mon code Java)
Voici mon code complet :
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
| <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<c:import url="/WEB-INF/includePart/header.jsp">
<c:param name="title" value="Chantiers"></c:param>
</c:import>
<link href="<c:url value="/css/form.css" />" rel="stylesheet">
</head>
<body>
<div class="menuPerso">
<c:import url="/WEB-INF/includePart/menu.jsp"></c:import>
</div>
<form class="form-signin" method="post" action="<c:url value="/displayChantier" />">
<h2 class="form-signin-heading">Chantiers</h2>
<label for="chantier_name" class="sr-only">Liste des chantiers</label>
<br><br>
<table style="width:100%">
<tr>
<th>Nom</th>
<th>Adresse</th>
<th>Ville</th>
<th>Code Postal</th>
<th>Modifier</th>
<th>Supprimer</th>
</tr>
<c:forEach items="${arrayChantier}" var="chantier">
<tr id="${chantier['chantier_id']}">
<td><a href="<c:url value="/map" />"><c:out value="${chantier['chantier_name']}"/></a></td>
<td><c:out value="${chantier['chantier_adress']}"/></td>
<td><c:out value="${chantier['city']}"/></td>
<td><c:out value="${chantier['postcode']}"/></td>
<td><a href="<c:url value="/edit" />">Modifier</a></td>
<td id="${chantier['chantier_id']}" onclick = "del(${chantier['chantier_id']})"><a href="<c:url value="/deleteChantier" />">Supprimer</a></td>
</tr>
</c:forEach>
</table>
</form>
<div class="footerPerso">
<c:import url="/WEB-INF/includePart/footer.jsp"/>
</div>
<script>
function del(chantier_id){
console.log('test');
/*td = $("#"+chantier_id);*/
console.log(chantier_id);
}
</script>
</body>
</html> |
Ici un test que j'ai fais en incluant un bouton dans le td mais c'�tait encore pire, car sur ma page html, lorsque je clique sur le bouton, toute la liste �tait effac� (je n'ai pas compris pourquoi) mais encore une fois, rien dans la console
Code:
<td> <button onclick = "del(${chantier['chantier_id']})" type="submit" value="${chantier['chantier_id']}">Supprimer</button></td>
Merci d'avance
Et d�sol� si ce post � d�j� �t� trait�, mais apr�s de nombreuses recherches et de nombreux tests, je n'ai rien trouv� de fonctionnel et je dois essay� d'avancer le plus rapidement dans mon projet.
