Discussion :

[timeis]

bonjour à tous,

je suis actuellement entrain d'implanter un calendrier dans mon application.
Je souhaiterais mettre d'une certaine couleur une catégorie d'événement. Par exemple dans le code qui suit j'aimerais que "tasks" soit en rouge. Je ne sais pas trop comment faire cela en jQuery.
Si quelqu'un pourrait m'aider ... je pense pas que cela soit très dur, mais je ne m'y connais pas encore bien.

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
84
85
86
87
88
89
90
91
92
93
 
 
<%@ page language="java" session="true" contentType="text/html; charset=UTF-8"%>
<%@ page import="com.nqi.ui.tags.TagUtils" %>
<%@ page import="com.nqi.platform.user.UserValue" %>
<%@ page import="com.nqi.orchestra.project.TaskService" %>
<%@ page import="com.nqi.orchestra.project.Task" %>
<%@ page import="com.nqi.orchestra.OrchestraServiceRegistry" %>
<%@ page import="java.util.Collection" %>
<%@ page import="java.util.Iterator" %>
<%@ page import="java.awt.Color" %>
 
 
<div id="cal">
    <script type='text/javascript'>
        jQuery.noConflict();
        jQuery(document).ready(function() {
 
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();
 
 
 
            jQuery('#calendar').fullCalendar({
                theme: true,
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay'
                },
                editable: false,
                events: [
      <%
        UserValue userValue = (UserValue)pageContext.findAttribute("currentUser");
 
        // recupere les taches service
        TaskService taskService = OrchestraServiceRegistry.getTaskService();
 
      // recupere les taches par nom de projet
      Collection<Task> tasks = OrchestraServiceRegistry.getTaskService().getByProject(OrchestraServiceRegistry.getProjectService().getByCode("aaaa").getId());
      //  Collection<Task> tasks = taskService.getToFollowUpByQuery(userValue.getEjb3Id());
 
 
               // iterateur qui se déplace dans les taches
               Iterator<Task> it =  tasks.iterator();
               // tant qu'il y a une tâche
        while (it.hasNext()){
            Task currentTask = it.next();
        %>{
                      // recupere le nom de     la tache
                          title: '<%=currentTask.getName()%>',
                      // recupere la date de début et de fin : annee, m    ois, jour
                      start: new Date(<%=currentTask.getTargetStartDate().getYear()+1900%>,<%=currentTask.getTargetStartDate().getMonth()%>,<%=currentTask.getTargetStartDate().getDay()%>),
                          end: new Date(<%=currentTask.getTargetEndDate().getYear()+1900%>,<%=currentTask.getTargetEndDate().getMonth()%>,<%=currentTask.getTargetEndDate().getDay()%>)
                      // si c'est la dernière tache  on ajoute : "," qui correspond à     la fin
                      }<% if(it.hasNext()){
        %>,<%
          }
    }
 
                 // importation des fichier jQuery du calendrier
       TagUtils.importJavascript(pageContext,"js/calendar/jquery/jquery.js");
        TagUtils.importJavascript(pageContext,"js/calendar/jquery/ui.core.js");
        TagUtils.importJavascript(pageContext,"js/calendar/jquery/ui.draggable.js");
        TagUtils.importJavascript(pageContext,"js/calendar/jquery/ui.resizable.js");
        TagUtils.importJavascript(pageContext,"js/calendar/main.js");
        TagUtils.importJavascript(pageContext,"js/calendar/grid.js");
        TagUtils.importJavascript(pageContext,"js/calendar/view.js");
        TagUtils.importJavascript(pageContext,"js/calendar/agenda.js");
        TagUtils.importJavascript(pageContext,"js/calendar/util.js");
 
 
        /*
    <script type='text/javascript' src='js/calendar/jquery/ui.core.js'></script>
    <script type='text/javascript' src='js/calendar/jquery/ui.draggable.js'></script>
    <script type='text/javascript' src='js/calendar/jquery/ui.resizable.js'></script>
    <script type='text/javascript' src='js/calendar/main.js'></script>
    <script type='text/javascript' src='js/calendar/grid.js'></script>
    <script type='text/javascript' src='js/calendar/view.js'></script>
    <script type='text/javascript' src='js/calendar/agenda.js'></script>
    <script type='text/javascript' src='js/calendar/util.js'></script>
    <script type="text/javascript" src="js/prototype.js"></script>
    */
        %>
            ]
        });
    });
 
    </script>
</div>
<div id='calendar'></div>

[danielhagnoul]

Bonsoir.

Ce n'est pas simple !
Voir : http://danielhagnoul.developpez.com/...datepicker.php