Ajout de taches dans un calendrier

Fermé
etbienwi Messages postés 18 Date d'inscription lundi 16 octobre 2017 Statut Membre Dernière intervention 22 mai 2018 - Modifié le 19 mai 2018 à 22:03
etbienwi Messages postés 18 Date d'inscription lundi 16 octobre 2017 Statut Membre Dernière intervention 22 mai 2018 - 22 mai 2018 à 12:54
Bonjour, je fais en ce moment sur un calendrier en Javascript. Mais je n'arrive pas à afficher une tache dans le calendrier après l'avoir enregistré dans la base de données.J'utilise deux fichiers js; le premier client js me permet de créer le calendrier et de l'afficher(C'est un tableau de 8 colonnes et chaque colonne contient 48 cellules(des Div>) ).

Dans le deuxième, serveur js je gère mes routes et la base de données(Mongodb).
En fait quand je clique sur une cellule, cela ouvre un modal sous forme d'un formulaire que je remplis.
Mais je ne sais pas comment afficher le nom de la tache dans la cellule, après l'avoir mise dans la base de données.
Vous sauriez comment faire?
Merci d'avance.

2 réponses

jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
20 mai 2018 à 01:27
Bonjour,

Sans voir le code que tu as commencé à écrire.... difficile de te répondre !
0
etbienwi Messages postés 18 Date d'inscription lundi 16 octobre 2017 Statut Membre Dernière intervention 22 mai 2018
22 mai 2018 à 12:54
bonjour,
voilà ce que je fais quand on clique sur une cellule:

cellule.onclick = function() {
var modal = document.querySelector("#modal");
var boxe = document.querySelector("#box1");
var celluleid = document.getElementsByClassName("cell");

var elt = this;
let parent = this.parentNode;//ON RECUPERE LE PARENT DE LA CELLULE QUI EST LA BOXE. ELLE CONTIENT LA DATE
var idElt = this.getAttribute('id');//ON RECUPERE LID DE LA CELLULE
var modal = document.getElementById('myModal');
let envoyer = document.getElementById('envoyer');
var heuredebut =document.getElementById(idElt);//ON SELECTION LA CASE CONRRESPONDANT A LHEURE OU ON A CLIQUER
let hefin = parseInt(idElt)+1;//id de la cellule suivante pour que l'heure de fin soit 30min apres le debut
var heurefin =document.getElementById(hefin);//RECUPERE LHEURE CHOISIT PLUS 30 MN
let contenuheured = heuredebut.textContent;//ON RECUPERE LHEURE de debut
let contenuheuref = heurefin.textContent;//ON RECUPERE LHEURE de fin
let contenubox = parent.textContent;//ON RECUPERE LA DATE
var timeControl = document.getElementById('heuredebut');
var timeControl2 = document.getElementById('heurefin');
timeControl.value = contenuheured;
timeControl2.value = contenuheuref;
;
let dateControl = document.getElementById('debut');
let dateControl2 = document.getElementById('fin');
let boxdate =lanne+'-'+lemoi+'-'+salut;
dateControl.value = boxdate;
dateControl2.value = boxdate;
var datefin = document.getElementById('fin');
datefin.value = boxdate;

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
modal.style.display = "block";
// let date2 = document.querySelector('input[type="date"]');
// date2.value = "2014-06-16";
// var x = document.getElementById("myDate").value;


span.onclick = function() {
modal.style.display = "none";
}


Maintenant dans le serveur.js, j'ai la méthode post qui enregistre dans la base:

app.post("/ajouter", function (req, res) {
// Nous utilisons le schéma Piscine
var evn = new Evenement();
evn.titre = req.body.titre;
evn.datedebut = req.body.datedebut;
evn.datefin = req.body.datefin;
evn.heuredebut = req.body.heuredebut;
evn.heurefin = req.body.heurefin;
evn.createur = req.body.createur;
evn.description = req.body.description;
//Nous stockons l'objet en base
evn.save(function(err){
if(err){
res.send(err);
}

res.send({message : 'Bravo, votre evenement est maintenant stockée en base de données'});


})

});

Maintenant je sais pas comment afficher l’événement dans le calendrier après l'avoir enregistrer.
0