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
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.
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.
A voir également:
- Ajout de taches dans un calendrier
- Ajouter calendrier outlook dans google agenda - Guide
- Windows 11 barre des taches a gauche - Guide
- Calendrier partagé google - Guide
- Comment remettre la barre des tâches à la normale ? - Guide
- Changer la couleur de la barre des taches - Guide
2 réponses
jordane45
Messages postés
38423
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 février 2025
4 734
20 mai 2018 à 01:27
20 mai 2018 à 01:27
Bonjour,
Sans voir le code que tu as commencé à écrire.... difficile de te répondre !
Sans voir le code que tu as commencé à écrire.... difficile de te répondre !
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
22 mai 2018 à 12:54
bonjour,
voilà ce que je fais quand on clique sur une cellule:
Maintenant dans le serveur.js, j'ai la méthode post qui enregistre dans la base:
Maintenant je sais pas comment afficher l’événement dans le calendrier après l'avoir enregistrer.
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.