Bonjour à tous,
Je suis actuellement en train de développer une application Online de gestion de club de tennis, et j'aimerais créer une interface où il serait possible et surtout "agréable" de consulter les terrains disponibles...
Pour cela j'ai capturer une image sur "Google Maps" (vue aérienne du club de tennis), et j'ai dessiné sur chaque terrain un rectangle(label) avec un numéro qui indique le numéro du terrain...
Liste des "Rectangles" dans ma "View":
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 <div class="AvailableCourt"> <div class="label1" align="center"> @Html.Label("1") </div> <div class="label2" align="center"> @Html.Label("2") </div> <div class="label2" align="center"> @Html.Label("3") </div> <div class="label2" align="center"> @Html.Label("4") </div> <div class="label3" align="center"> @Html.Label("5") </div> <div class="label4" align="center"> @Html.Label("6") </div> <div class="label5" align="center"> @Html.Label("7") </div> <div class="label6" align="center"> @Html.Label("8") </div> <div class="label7" align="center"> @Html.Label("9") </div> <div class="label8" align="center"> @Html.Label("10") </div> <div class="label9" align="center"> @Html.Label("11") </div> <div class="label10" align="center"> @Html.Label("12") </div> <div class="label11" align="center"> @Html.Label("13") </div> </div>
Alors maintenant ce que je voudrais faire c'est, tout en appuyant sur une date du datepicker qui se trouve au dessus, colorier les rectangles en rouge si ils sont occupé ce jour là ou en vert si ils sont libres !
Mais la question que je me pose c'est: Est-ce possible de changer la couleur d'un label ? Et si oui, où et comment SVP ? Surement dans le contrôleur mais je n'ai aucune idée de l'instruction permettant de le faire...
Bonne journée
Partager