Discussion :

[sabrinouch]

Bonjour,
Je souhaiterai récupérer des événements que l'utilisateur crée sur un calendrier fullcalendar. Pour cela, je voudrais stocker ces événements avec sqlite3; je ne trouve que des exemples en php or j'utilise Node.js. Comment faire intéragir fullcalendar, sqilite3 et ajax? Voici mon cript pour mon calendrier:

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
$(document).ready(function() {
 
    $('#calendar').fullCalendar({
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
        },
        defaultDate: '2014-06-12',
        selectable: true,
        selectHelper: true,
        select: function(start, end) {
            var title = prompt('Event Title:');
            var eventData;
            if (title) {
                eventData = {
                    title: title,
                    start: start,
                    end: end
                };
                $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
            }
            $('#calendar').fullCalendar('unselect');
        },
        editable: true,
        events: [
            {
                title: 'All Day Event',
                start: '2014-06-01'
            },
            {
                title: 'Long Event',
                start: '2014-06-07',
                end: '2014-06-10'
            },
            {
                id: 999,
                title: 'Repeating Event',
                start: '2014-06-09T16:00:00'
            },
            {
                id: 999,
                title: 'Repeating Event',
                start: '2014-06-16T16:00:00'
            },
            {
                title: 'Meeting',
                start: '2014-06-12T10:30:00',
                end: '2014-06-12T12:30:00'
            },
            {
                title: 'Lunch',
                start: '2014-06-12T12:00:00'
            },
            {
                title: 'Birthday Party',
                start: '2014-06-13T07:00:00'
            },
            {
                title: 'Click for Google',
                url: 'http://google.com/',
                start: '2014-06-28'
            }
        ]
    });
 
});

et voici ma base sqilte3 située dans mon server.js:

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
var sqlite3 = require('sqlite3').verbose(); // Base de donnes sqlite3
 
var db = new sqlite3.Database(':memory:');	//Creation d un objet Database
db.serialize(function() {		//Execution de maniere sequentielle
 
db.run("create table eventCalendrier (title,start,end)");	//Execution d une requete sql et creation de deux colonnes
 
var stmt =db.prepare("insert into medecin values (?,?)");	//Creation d un statement, modele de requete, les ? seront remplaces par les bonnes valeurs
var medecin = [ { login: 'medecin1',password: 'mdp1'} ];
 
stmt.run(medecin[0].login,medecin[0].password);		
 
db.each("SELECT login,password FROM medecin", function(err, row) {
      console.log(row.login + ": " + row.password);		//Affiche les resultats
  });
});

Merci d'avance de votre aide.

[sekaijin]

Salut

la réponse est dans la doc
http://arshaw.com/fullcalendar/

It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format

il suffit d'ouvrir la doc et de lire
http://arshaw.com/fullcalendar/docs/...Source_Object/

{
url: '/myfeed.php',
color: 'yellow', // an option!
textColor: 'black' // an option!
}

A+JYT
PS:
si le problème est d'implenter le servie avec node.js merci de poster dans le forum node.js
si le problème est comment utiliser fullcalendar qui est un plugin JQuery merci de poster dans le forum JQuery

[sabrinouch]

Dans la doc, ils disent comment créer des événements ça je sais le faire mais ce que je veux c'est stocker les événements tapés par l'utilisateur et les stocker dans une base de données sqlite3. Le problème est que tous les exemples que j'ai trouvé afin de faire ceci avec fullcalendar utilisent php or je ne suis pas une experte en database donc je ne vois absolument pas comment faire le lien entre ma base de données qui se trouve dans mon serveur node.js et ma page fullcalendar.

[sabrinouch]

Pour le moment j'ai ça:

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
 
 
var sqlite3 = require('sqlite3').verbose(); // Base de donnes sqlite3
 
var fullcalendardb = new sqlite3.Database('fullcalendar.db');	//Creation d un objet Database
fullcalendardb.serialize(function() {		//Execution de maniere sequentielle
 
fullcalendardb.run("create table eventCalendrier (title,start,end)");	//Execution d une requete sql et creation de deux colonnes
 
var stmt =fullcalendardb.prepare("insert into eventCalendrier values (?,?,?)");	//Creation d un statement, modele de requete, les ? seront remplaces par les bonnes valeurs
 
 
	var eventCalendrier=[ {title:'unknown' ,start:'unknown',end:'unknown' } ];
	stmt.run(eventCalendrier[0].title,eventCalendrier[0].start,eventCalendrier[0].end);		
 
fullcalendardb.each ("SELECT title,start FROM eventCalendrier",function(err,row) {
 
eventCalendrier.push(row);
response.write('<script>\nvar eventCalendrier = ' + JSON.stringify(eventCalendrier) + ';\n</script>'); });
 
});

Déja ça ne marche pas, on me dit que eventCalendrier existe déjà...

et dans ma page selectable.html:

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
 
<script>
 
    $(document).ready(function() {
 
        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            defaultDate: '2014-06-12',
            selectable: true,
            selectHelper: true,
            select: function(start, end) {
                var title = prompt('Titre de votre événement:');
                var eventData;
                if (title) {
                    eventData = {
                        eventCalendrier:eventCalendrier;
                    };
                    $('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
                }
                $('#calendar').fullCalendar('unselect');
            },
            editable: true,
            selectable:true,
            selectHelper:true,
 
 
 
        });
 
    });
 
</script>

En realité j'aimerais faire comme eux:

http://www.yriase.fr/1218-fullcalend...#comment-15612

et

http://jamelbaz.com/tutos/integratio...avec-php-mysql

mais avec un equivalent node.js a la place de php