Ajout de taches dans un calendrier
etbienwi
Messages postés
20
Statut
Membre
-
etbienwi Messages postés 20 Statut Membre -
etbienwi Messages postés 20 Statut Membre -
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.
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
-
Bonjour,
Sans voir le code que tu as commencé à écrire.... difficile de te répondre !
-
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.
