Rendre modifiable un tableau par l'utilisateur

**josalco** · 31/10/2008, 21h09

Je voudrais savoir si quelqu'un peut m'aider à rendre ce code html modifiable par les utilisateurs repris dans ce tableau :

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
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
 
 
</head>
<body>
 
<FORM>
 
<table border="6" width="85%">
        <tr><th colspan="8">MEMBRES</tr></th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Horaire normal de 21h à 23h
 
<TR><TD><table border="1" width="100%">
        <tr><td>Jour</td></tr></table></TD>
    <TD>&nbsp;Lun&nbsp;</TD><TD>&nbsp;Mar&nbsp;</TD><TD>&nbsp;Mer&nbsp;</TD><TD>&nbsp;Jeu&nbsp;</TD><TD>&nbsp;Ven&nbsp;</TD><TD>&nbsp;Sam&nbsp;</TD><TD>&nbsp;Dim&nbsp;</TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">BUBU</td></tr></table></TD><TD>&nbsp;Présent<input name="persistent" value="1" checked="checked" type="checkbox"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;A voir&nbsp;</TD><TD>&nbsp;A voir&nbsp;</TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">DESTROY</td></tr></table></TD>
    <TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">DORA</td></tr></table></TD>
    <TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;A voir&nbsp;</TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;A voir&nbsp;</TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;A voir&nbsp;</TD><TD>&nbsp;A voir&nbsp;</TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">DUNDAS</td></tr></table></TD>
    <TD>&nbsp;Absent&nbsp;</TD><TD>&nbsp;Absent&nbsp;</TD><TD>&nbsp;Absent&nbsp;</TD><TD>&nbsp;Absent&nbsp;</TD><TD>&nbsp;Absent&nbsp;</TD><TD>&nbsp;Absent&nbsp;</TD><TD>&nbsp;Absent&nbsp;</TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">FYFYTOM</td></tr></table></TD>
    <TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD></TR>
 
<TR><TD><table border="1" width="100%">
        <tr><td align="center">GOTH</td></tr></table></TD>
    <TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">HIGHTANK</td></tr></table></TD>
    <TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD></TR>
 
<TR><TD><table border="1" width="100%">
        <tr><td align="center">IGOR</td></tr></table></TD>
    <TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">JEFB</td></tr></table></TD>
    <TD>&nbsp;???&nbsp;</TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">JOS</td></tr></table></TD>
    <TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">MAAVERRICK</td></tr></table></TD>
    <TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">MARMOTTE</td></tr></table></TD>
    <TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">MICHALON</td></tr></table></TD>
    <TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">OLIWOOD</td></tr></table></TD>
    <TD>&nbsp;Présent +<br>&nbsp;19&nbsp;à&nbsp;20h&nbsp;</TD><TD>&nbsp;19&nbsp;à&nbsp;20h&nbsp;</TD><TD>&nbsp;Présent +<br>&nbsp;19&nbsp;à&nbsp;20h&nbsp;</TD><TD>&nbsp;19&nbsp;à&nbsp;20h&nbsp;</TD><TD>&nbsp;Présent +<br>&nbsp;19&nbsp;à&nbsp;20h&nbsp;</TD><TD>&nbsp;A voir&nbsp;</TD><TD>&nbsp;A voir&nbsp;</TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">PANTHERE</td></tr></table></TD>
    <TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD></TR>
 
<TR><TD><table border="1" width="100%">
        <tr><td align="center">PAPPY</td></tr></table></TD>
    <TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">PUMA</td></tr></table></TD>
    <TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD><TD>&nbsp;???&nbsp;</TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">SELMAK</td></tr></table></TD>
    <TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;A voir&nbsp;</TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Absent&nbsp;</TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD></TR>
<TR><TD><table border="1" width="100%">
        <tr><td align="center">SOUSOU</td></tr></table></TD>
    <TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;Présent<INPUT type='checkbox' name="case"></FORM/></TD><TD>&nbsp;<img src="/modules/Forums/images/smiles/icon_confused.gif"</img>&nbsp;</TD><TD>&nbsp;<img src="/modules/Forums/images/smiles/icon_confused.gif"</img>&nbsp;</TD></TR>
 
</TABLE>
Tout ce qui est repris dans ce tableau est sujet à modifications, les "???" pour ceux qui n'ont pas encore notifié leur disponibilité, voir le forum sujet "Planification" et postez votre disponibilité SVP.<br>De cette façon je pourrai modifier ce tableau.<br>
Merci à tous, Jos.
</body>
</html>

j'ai bien essayé mais infructueusement d'insérer des boutons ou des cases à cocher, mais le résultat ne reste pas affiché en permanence que dois-je faire pour y remédier?
Merci de bien vouloir m'aider, Josalco

**bugz57** · 01/11/2008, 14h44

Si j'ai bien compris tu veux faire une page dynamique, que les utilisateurs puisse modifier une donnée et que celle-ci soit sauvegarder. IL faut que tu utilises un langage coté serveur (comme php).

Le html n'est seulement qu'un support de données... Si tu veux faire autrechose que de l'affichage tu dois passer par autre chose.

**HiRoN** · 01/11/2008, 19h40

Envoyé par bugz57

Si j'ai bien compris tu veux faire une page dynamique, que les utilisateurs puisse modifier une donnée et que celle-ci soit sauvegarder. IL faut que tu utilises un langage coté serveur (comme php).

En effet. Le (x)HTML / CSS te permettra de faire seulement la mise en page.
Si tu veux stocker des données en vue de les afficher / modifier (faire modifier), tu dois passer par un langage côté serveur (pour traiter les données) et avoir une base de données (pour les stocker).

Le couple Php/MySQL devrait répondre à tes attentes.

Dans un premier temps, fini correctement ta page et vois ensuite pour télécharger Wamp (ou EasyPhp, etc...) afin de pouvoir te monter une base de données et générer des pages Php. Néanmoins, cela te demandera de nouvelles connaissances. N'hésites pas à regarder des cours (ici pour le php) ou poser tes questions dans les forums concernés.

Rendre modifiable un tableau par l'utilisateur

HTML

Vue hybride

Discussions similaires

Partager

Partager