tableau de modification

**questionneuse** · 22/06/2006, 15h51

bonjour,

je voudrai faire un tableau qui représente toutes les données qui sont dans une de mes tables, ca aura la forme suivante:

---------------------------------------
titre ------------------------contenu
---------------------------------------
bidule---------------------- fbhqsfjksk----- bouton de modif
---------------------------------------
bidule suivant --------------gfsegergyerg----bouton de modif
-------------------------------------------

et sur coté de chaque colonne de la table je voudrai avoir un bouton qui me permettrai de modifier les élements de la table qui sont situés dans cette ligne, c'est a dire qui transformerai mes td de la table en des texfield qui contiendrai les valeurs présente et qui pourrait etre modifié (lors du click sur l'un des boutons sur le coté) .

J'ai fais ca qui permet de m'afficher la table du contenu de la bd:

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
 
        <table style="text-align: left; width: 500px;" border="0" cellpadding="2" cellspacing="2">
                                <tbody>
 
                               <tr bgcolor="#ADD8E6" >
                                <td>
<span style="color: rgb(255, 255, 255);"><small style="font-weight: bold;">
<span style="font-family: Arial;"> date</span>
</small></span></td>
                                <td>
<span style="color: rgb(255, 255, 255);">
<small style="font-weight: bold;">
<span style="font-family: Arial;"> auteur</span>
</small></span></td>
                                <td>
<span style="color: rgb(255, 255, 255);">
<small style="font-weight: bold;">
<span style="font-family: Arial;"> contenu</span></small></span></td>
                               </tr>
<logic:iterate id="Shift" name="LISTSHIFTS" property="listeShift" 
indexId="cpt">                                                
              <%
                               String colorLine="white";
 
 if((cpt.intValue()%2)==0)
                               {
                                   colorLine="#B0C4DE";
                                   System.out.println("compteur"+cpt.intValue());
                               }
else{colorLine="#B0C4DE";}
                            %>
 
                               <tr bgcolor='<%=colorLine%>'>
                                <td>
<small style="font-weight: bold;">
<span style="font-family: Arial;">
<bean:write name="Shift" property="dateShift"/></span></small></td>
 
<td><small style="font-weight: bold;">
<span style="font-family: Arial;">
<bean:write name="Shift" property="auteurShift"/>
</span></small></td>
                                <td>
<small style="font-weight: bold;">
<span style="font-family: Arial;">
<bean:write name="Shift" property="contenuShift"/></span>
</small></td>
                               </tr>
                              </logic:iterate>
                                </tbody>
                                </table>

quelqu'un aurait déjà fais ca ou aurait une idée.. je séche

**Stessy** · 22/06/2006, 16h10

Ce que tu pourrais faire c'est mettre des <input type="text" disabled /> dans les <TD>.

Ensuite un bouton avec un evenement onClick ou tu lances une fonction javascript qui permettra de modifier les valeurs dans le input

Un petit exemple tout simple

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
<title>Untitled</title>
<script language="JavaScript" type="text/javascript">
function enable()
{
f1.td1.disabled = true;
}
 
</script>
 
</head>
<body>
<form id="f1">
<table>
<tr><td><input id="td1" type="text" /></td><td><input type="button" value="enable" onClick="enable()" /></td> </tr>
</table>
</form>
</body>
</html>

Voilà

tableau de modification

Struts 1 Java

Vue hybride

Discussions similaires

Partager

Partager