condition dans un tableau dans plone

Version imprimable

Voir 40 message(s) de cette discussion en une page

13/07/2006, 10h21
Abla23

condition dans un tableau dans plone
bonjour;
j'ai un chekbox qui est representer par 4 elements, on peux selectionner une ou plusieurs case.

je voudrais representer cette serchbox sous forme de tableau.
le tableau est composer de 4 colonnes qui designe les 4 cases a cocher et une 2 ligne pour mettre une couleur sous chaque case qui a ete cocher.

ma question est comment on peut mettre une condition pour remplire ce tableau:
j'ai esseyer ce ci mais c'est pas bon, il me renvoi la couleur dans toute les case du tableau et moi je veux qui me verifie:
si la case C1 est cocher dans la chekbox alors la 1 colone de la 2 ligne du tableau est couleur, et ainsi de suite :
Code:

1 2 3 4 : <td tal:condition="here/getQuarteur" tal BGCOLOR=#969696 > </td>
si vous pouvez m'aider
Merci
14/07/2006, 11h45
pdeoliveira

Votre question n'est pas très claire, mais si vous voulez que la couleur des cases du tableau change dynamiquement quand l'utilisateur clique sur les checkbox, il faut le faire en javascript. Il faut gérer l'événement onchange des cases checkbox et changer la couleur de fond des cases du tableau en utilisant le DOM. Pour pouvoir adresser individuellement chaque case du tableau, le plus simple est de leur donner à chacune un id différent et ensuite d'utiliser la fonction javascript : document.getElementById('id_de_la_case') pour 'pointer' vers la case.

pascal de oliveira
17/07/2006, 09h46
Abla23

bonjour,
je reformule ma question:
voila j'ai une chekbox composer de 4 cases Q1, ..Q4
je peut cocher 1 ou plusieurs cases.
je veux maintenant afficher dans un tableaux, une representation de ces résultats.
le tableaux est composer de 2 lignes et 4 colonnes (qui represente les 4 Q).sur la 2 ligne je veux mettre une couleur pour chaque case cocher.
tous ça doit ce faire dans une template(un fichier tab.pt).
Merci d'avance
18/07/2006, 10h01
nighthammer

A mon avis la réponse que t'a donné Pdeoliveira est la bonne : il faut faire du javascript. Il faut que tu utilises l'évènement onclick de ta checkbox ce qui va appeler une fonction et cette fonction va te changer ta couleur. dans la bonne case.
18/07/2006, 10h22
Abla23

je n'utilise pas du javascript, interdit pour moi
18/07/2006, 10h30
nighthammer

8O

ah oui, alors là ...

là seule solution que je vois et qui n'est pas franchement l'idéal, c'est de demander à l'utilisateur de cocher ses cases, puis de valider son choix. Ensuite lorsque tu réaffiche ta page, tu dois pouvoir utiliser des tal:condition pour choisir la couleur à afficher.

tu sais pourquoi tu ne peux pas utiliser de javascript ?
18/07/2006, 10h43
HexChit

comme le disais nighthammer, si tu ne peux utiliser du javascript la seul solution a ma connaissance est de recharger la meme page (ou une autre mais ce n'est pas necessaire) en lui envoyant tes variables de checkbox en POST. ensuite avec des tal:condition, tu fixe la couleur des cases de ton tableau.

ps : ce n'est pas pour etre desagreable mais pourrais tu faire un effort dans ta frappe s'il te plait... je met plus de temps à dechiffrer tes messages qu'à essayer de les résoudre :roll: enfin je parlais des autre post :aie:

alors
voila j'ai tous de suite cree un espace pour l'utilisateur pour cocher les checkbox.et valider ces choix.

maintenat si je veux mettre ces résultats sous forme de tableau. c'est a dire si l'utilisateur a chocher deux checkbox la 1 et la 4 parmis les 4 qui existe , alors dans mon tableau que je cree dans une template (vue_tabl.pt) qui est composer de 2 ligne et 4 colonnes, je doit avoir la 1 et la 4 colonne de couleur.

je n'arrive pas a mettre la condition.
j'ai esseyer de mettre
Code:

1 2 3 <td> <tal:condition="here/getQuarteurs"/></td>
mais cela me retourne le tuple des quarteur cochées et moi je veux mettre une couleur sous chaque quarteur ouchckbox qui a été cocher par l'utilisateur.

sachant que dans un script python (schemata.py) j'ai cree mes checkbox je t'envoi le code pour que tu es une idee:
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 LinesField( name="Quarteur", default="None", enforceVocabulary=1, vocabulary=DisplayList(( ('Q1', 'Q1', 'label_Quarteur_q1'), ('Q2', 'Q2', 'label_Quarteur_q2'), ('Q3', 'Q3', 'label_Quarteur_q3'), ('Q4', 'Q4', 'label_Quarteur_q4'), )), widget=MultiSelectionWidget( format="checkbox", label=" Quarteur", label_msgid="label_package_quarteur", description_msgid="help_package_quarteur", i18n_domain="plonesoftwarecenter" ), ), SimpleDataGridField( name='availableQuarteur', columns=3, column_names=('id', 'title', 'description'), default=[ 'Q1|Quarteur1|comment.', 'Q2|Quarteur1|comment.', 'Q3|Quarteur1|comment.', 'Q4|Quarteur1|comment.', ], widget=SimpleDataGridWidget( label='Quarteur', label_msgid='label_quarteur_vocab', description='Define the available quarteur for classifying the periode of progress for projects. The format is Short Name | Long name | Description. The id must be unique.', description_msgid='help_quarteur_vocab', i18n_domain='plonesoftwarecenter', rows=6, ), ),
voila si tu peut m'aider
Merci d'avance

18/07/2006, 11h10
HexChit

Je suis désolé mais je n'utilise pas du tout Plone. En revanche je pourrai te donner une piste en ZPT :

tu fais en sorte d'avoir la propriété checked pour chaque checkbox (par URL en GET ou avec des variable en POST).
Tu controles cette propriété avec un tal:condition (c'est assez facile lorsque tu passes tes variables en GET), et puis si cette condition est verifiée, tu met de la couleur :) A défaut tu peux utiliser un script python si ce n'est pas possible en ZPT mais j'en doute.

Je te conseil de prendre du recule par rapport à ton code...

parce que avec du javascript ça aurait été simple, je me suis amusé à faire un petit exemple. (le code peut surement être amélioré, mais je l'ai fais vite).

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
 
<html>
 <head>
  <script style="text/javascript" language="javascript">
   function chg_color(){
    if(document.test[0].checked){
     document.getElementById("rouge").src="http://nighthammer.free.fr/tmp/rouge.jpg"
    }else{
     document.getElementById("rouge").src="http://nighthammer.free.fr/tmp/blanc.jpg"
    }
    if(document.test[1].checked){
     document.getElementById("vert").src="http://nighthammer.free.fr/tmp/vert.jpg"
    }else{
     document.getElementById("vert").src="http://nighthammer.free.fr/tmp/blanc.jpg"
    }
    if(document.test[2].checked){
     document.getElementById("bleu").src="http://nighthammer.free.fr/tmp/bleu.jpg"
    }else{
     document.getElementById("bleu").src="http://nighthammer.free.fr/tmp/blanc.jpg"
    }
    if(document.test[3].checked){
     document.getElementById("noir").src="http://nighthammer.free.fr/tmp/noir.jpg"
    }else{
     document.getElementById("noir").src="http://nighthammer.free.fr/tmp/blanc.jpg"
    }
   }
  </script>
 </head>
 <body onload="chg_color()">
  <form name="test" method="post">
   <table border=1 name="tableau">
    <tr>
     <td>
      <input type="checkbox" onclick="chg_color()">
     </td>
     <td>
      <input type="checkbox" onclick="chg_color()">
     </td>
     <td>
      <input type="checkbox" onclick="chg_color()">
     </td>
     <td>
      <input type="checkbox" onclick="chg_color()">
     </td>
    </tr>
    <tr>
     <td>
      <img src="http://nighthammer.free.fr/tmp/blanc.jpg" width="20" id="rouge">
     </td>
     <td>
      <img src="http://nighthammer.free.fr/tmp/blanc.jpg" width="20" id="vert">
     </td>
     <td>
      <img src="http://nighthammer.free.fr/tmp/blanc.jpg" width="20" id="bleu">
     </td>
     <td>
      <img src="http://nighthammer.free.fr/tmp/blanc.jpg" width="20" id="noir">
     </td>
    </tr>
   </table>
  </form>
 </body>
</html>

vous pouvez le tester là : http://nighthammer.free.fr/tmp/index.html

18/07/2006, 11h28
HexChit

ca marche pas -> 404 not found :aie:
Ou sinon je pense qu'il ne peut pas utiliser du javascript tout simplement par souci de securité pour les client de sa boite ou un truc dans ce genre... Mais c'est vrai que ca freine enormement... :?
18/07/2006, 11h30
nighthammer

tu m'as pris de vitesse. j'avais pas encore envoyé le fichier.

Maintenant, ça doit marcher.:D
18/07/2006, 11h35
HexChit

Mmmm à l'heure ou j'ecris ca ne marche toujours pas ahlala Free... :mouarf: [edit]: Ca marche 8-)
(moi aussi je suis chez free :roll: )
<hors sujet>
ou sinon tu savais que tu pouvais acceder à ta page par http://nighthammer.online.fr
. Je viens de le découvrir à l'instant 8-)
</hors sujet>
18/07/2006, 11h40
nighthammer

ah oui tiens, c'est marrant ça :D

en tout cas pour le lien, ça devrait fonctionner d'ici peu car je viens de retester le lien et il fonctionne.

ahhh la la... free ! Ils ne sont pas cher, mais la qualité de service n'est pas toujours au rendez-vous ! Enfin c'est quand même bien pratique pour les petits site perso:D
18/07/2006, 11h47
Abla23

Merci ces beau
ça marche chez moi;
mais tous cela ne repond pas a ma question
.
ton tableau est composer de 4 colonnes et dans les colonne il ya les checkbox . c'est pas ce que je veux.
dans mon cas les checkbox son cocher par l'utilisateur dans un formulaire a part qui doit remplire avec d'autre information personnelle sur son travaille lors de la creation d'un nouveau projet. apres avoir enregistrer ces informations, il va vers l'onglet '"VOir'" et la il doit retrouver le fameux tableau .
dans les colonne on met seulement les nom des checkbox, Q1;...Q4 et sur la 2 ligne les couleurs.

vous m'avez commpris?:cry:
18/07/2006, 12h05
HexChit

Alors tu peux utiliser des JScript ou pas?? Si oui alors tu peux adapter le code de nighthammer ça doit pas être si dur que ça :?
Ou sinon je t'ai indiqué la demarche la :

Citation:

Envoyé par HexChit

Je suis désolé mais je n'utilise pas du tout Plone. En revanche je pourrai te donner une piste en ZPT :

tu fais en sorte d'avoir la propriété checked pour chaque checkbox (par URL en GET ou avec des variable en POST).
Tu controles cette propriété avec un tal:condition (c'est assez facile lorsque tu passes tes variables en GET), et puis si cette condition est verifiée, tu met de la couleur :) A défaut tu peux utiliser un script python si ce n'est pas possible en ZPT mais j'en doute.

Je te conseil de prendre du recule par rapport à ton code...
18/07/2006, 12h13
Abla23

je peut utiliser que du python script.
Merci quand meme

voilà un bout de code que j'ai testé :

dans mon schema j'ai mis ceci (bout de code que j'ai récupéré sur un autre des tes posts) :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
    LinesField(
        name="allowQuarteur",
        default="None",
        enforceVocabulary=1,
        vocabulary=DisplayList((
            ('None', 'Q1', 'label_Quarteur_q1'),
            ('1',    'Q2', 'label_Quarteur_q2'),
            ('0',    'Q3', 'label_Quarteur_q3'),
            ('2',    'Q4', 'label_Quarteur_q4'), 
        )),
        widget=MultiSelectionWidget(
           format="checkbox",
           label="Allow Quarteur",
           label_msgid="label_package_quarteur",
           description_msgid="help_package_quarteur",
           i18n_domain="plone"
        ),
    ),

dans le fichier .pt, j'ai mis ceci :

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
 
   <span tal:define="liste here/allowQuarteur" tal:omit-tag="">
   <table border=1 name="tableau">
    <tr>
     <td>
      Q1
     </td>
     <td>
      Q2
     </td>
     <td>
      Q3
     </td>
     <td>
      Q4
     </td>
    </tr>
    <tr>
     <td tal:condition="python:here.test(liste,'None')">
      <img src="http://nighthammer.free.fr/tmp/rouge.jpg" width="20">
     </td>
     <td tal:condition="python:not here.test(liste,'None')">
      <img src="http://nighthammer.free.fr/tmp/blanc.jpg" width="20">
     </td>
     <td tal:condition="python:here.test(liste,'1')">
      <img src="http://nighthammer.free.fr/tmp/vert.jpg" width="20">
     </td>
     <td tal:condition="python:not here.test(liste,'1')">
      <img src="http://nighthammer.free.fr/tmp/blanc.jpg" width="20">
     </td>
     <td tal:condition="python:here.test(liste,'0')">
      <img src="http://nighthammer.free.fr/tmp/bleu.jpg" width="20">
     </td>
     <td tal:condition="python:not here.test(liste,'0')">
      <img src="http://nighthammer.free.fr/tmp/blanc.jpg" width="20">
     </td>
     <td tal:condition="python:here.test(liste,'2')">
      <img src="http://nighthammer.free.fr/tmp/noir.jpg" width="20">
     </td>
     <td tal:condition="python:not here.test(liste,'2')">
      <img src="http://nighthammer.free.fr/tmp/blanc.jpg" width="20">
     </td>
    </tr>
   </table>
   </span>

et dans la classe correspondant à l'objet affiché, j'ai mis ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
    def test(self,tuple,elem):
        """
        renvoi vrai si l'élément elem fait birn parti du
        tuple
        """
        i=0
        retour=0
        while(i<len(tuple)):
            if(tuple[i]==elem):
                retour=1
            i=i+1
        return retour

et ça fonctionne correctement.

18/07/2006, 14h55
Abla23

Merci pour ta réponse je vai esseyer ce que tu m'a envoyer et je vous tien encourant de suite.
18/07/2006, 15h09
Abla23

je sait pas si on te la déja dit
;) tu es le meilleur
ça fonctionne
Merci Merci

Voir 40 message(s) de cette discussion en une page