div id et affichage de tableau javascript + Struts
Bonjour,
Mon souci étant que je souhaiterais afficher un deuxième tableau juste en dessou d'un premier tableau. Ce deuxième tableau apparaitrait lorsque l'on click sur une colonne lien du premier tableau.
J'ai essayé de faire un test (AffichePopup('popup1','OK');) mais il ne semble pas vouloir cacher l'élément dans le div.
Voici mon code javascript :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
<script language="javascript">
function AffichePopup(id, action) {
var d = document.getElementById(id);
if (d.style.display == "") {
d.style.display = "block";
} else {
d.style.display = "";
}
}
</script> |
Voici mon code jsp:
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
<tbody>
<tr>
<logic:iterate id="MIFetatACAV" name="ListEtatACAV" >
<tr>
<td align="center"><bean:write name="MIFetatACAV" property="idsupport"/></td>
<td align="center"><bean:write name="MIFetatACAV" property="libellecourt"/></td>
<td align="center"><bean:write name="MIFetatACAV" property="valeur"/></td>
<td align="center"><bean:write name="MIFetatACAV" property="montantacavp"/></td>
<td align="center"><bean:write name="MIFetatACAV" property="montantacava"/></td>
<td align="center">
<a href="#" onclick="javascript:AffichePopup('TableauFluxAcav','OK');return false;">
<html:link action="initEtatACAV" paramName="MIFetatACAV" paramId="idacavattente" paramProperty="idacavattente">
<bean:write name="MIFetatACAV" property="montantacavattente"/>
</html:link></a></td>
<logic:present name="cache" scope="session">
<td align="center"><bean:write name="MIFetatACAV" property="idacavattente"/></td>
</logic:present>
</tr>
</logic:iterate>
</tr>
</tbody>
<tfoot>
<tr class="tdhead">
<td colspan="1" class="table-page:1 cursor:pointer text-align:right" width="5%" id="first"><<</td>
<td colspan="1" class="table-page:previous cursor:pointer text-align:right" width="5%" id="previous"><</td>
<td colspan="2" style=text-align:center;>Page <script language="javascript">document.write(t1page+"/"+t1pages)</script></td>
<td colspan="1" class="table-page:next cursor:pointer;text-align:right;" width="5%" id="next">></td>
<td colspan="1" class="table-page:t1pages cursor:pointer;text-align:right;" width="5%" id="end">>></td>
</tr>
</tfoot>
<!-- Fin du tableau ACAV-->
<!-- Début du tableau FLUXACAV-->
<!-- Debut Test Div -->
<td><a href="#" onclick="javascript:AffichePopup('popup1','OK');return false;">999.999.999,99</a></td>
<div id="popup1" > test </div>
<!-- Fin Test Div -->
<!-- Affichage du tableau -->
<logic:equal property="hasResultFlux" name="mifRechercheFluxActionForm" value="true" >
<div id="TableauFluxAcav">
<table class="table-autopage:6 table-page-number:t1page table-page-count:t1pages table-stripeclass:alternative tablelist">
<thead>
<p></p>
<p></p>
<tr class="tdhead1">
<td colspan="14"><i>Support 1 : Flux comptabilisés pour l'ACAV en attente</i></td>
</tr>
<tr class="tdhead">
<td colspan="2"><bean:message key="num.flux"/></td>
<td><bean:message key="type.date.valeur"/></td>
<td><bean:message key="label.montant"/></td>
<td><bean:message key="parts.pro"/></td>
<td><bean:message key="cours.pro"/></td>
<td><bean:message key="parts.def"/></td>
<td><bean:message key="cours.def"/></td>
<td><bean:message key="label.di"/></td>
<td><bean:message key="label.rf"/></td>
<td><bean:message key="label.statut"/></td>
<td><bean:message key="label.type"/></td>
<td colspan="2"><bean:message key="label.support"/></td>
</tr>
</thead>
<logic:notEmpty name="mifRechercheFluxActionForm" property="listResult" >
<tbody>
<tr>
<logic:iterate id="ligneFlux" name="mifRechercheFluxActionForm" property="listResult" type="intCommunBean.flux.MifResultRechercheFluxBean" indexId="index" >
<tr>
<td colspan="2">
<html:link action="initEtatACAV" paramName="ligneFlux" paramId="numeroFlux" paramProperty="numeroFlux">
<bean:write name="ligneFlux" property="numeroFlux"/></html:link> </td>
<td><bean:write name="ligneFlux" property="strValeur"/></td>
<td><bean:write name="ligneFlux" property="montant"/></td>
<td><bean:write name="ligneFlux" property="partsPro"/></td>
<td><bean:write name="ligneFlux" property="coursPro"/></td>
<td><bean:write name="ligneFlux" property="partsDef"/></td>
<td><bean:write name="ligneFlux" property="coursDef"/></td>
<td><bean:write name="ligneFlux" property="di"/></td>
<td><bean:write name="ligneFlux" property="rf"/></td>
<td><bean:write name="ligneFlux" property="typeStatut"/></td>
<td><bean:write name="ligneFlux" property="type"/></td>
<td colspan="2"><bean:write name="ligneFlux" property="support"/></td>
</tr>
</logic:iterate>
</tr>
</tbody>
</logic:notEmpty>
<tfoot>
<tr class="tdhead">
<td colspan="1" class="table-page:1 cursor:pointer text-align:right" width="5%" id="first"><<</td>
<td colspan="1" class="table-page:previous cursor:pointer text-align:right" width="5%" id="previous"><</td>
<td colspan="10" style=text-align:center;>Page <script language="javascript">document.write(t1page+"/"+t1pages)</script></td>
<td colspan="1" class="table-page:next cursor:pointer;text-align:right;" width="5%" id="next">></td>
<td colspan="1" class="table-page:t1pages cursor:pointer;text-align:right;" width="5%" id="end">>></td>
</tr>
</tfoot>
</table>
</div> |
Quelqu'un pour m'expliquer où est l'erreur svp?
