Bonjour, j'ai un problème aujourd'hui j'ai un planning qui permet a l'utilisateur de cliquer. Au clic la case se colore qui signifie qu'elle est enregistrer en base avec le jour et l'heure correspondante. Le probleme c'est que meme si elle est enregistrer en base lorsque l'utilisateur se deconnecte et se reconnecte ou un raffraichissement de page, la case coloré a disparu comme si elle n'avait pas été coché. 

C'est ce compportement que je souhaite modifier mais je suis un peu paumé. Dans ma servlet j'ai les entetes correspondantes ainsi que la ligne. J'ai essayé avec une hashmap sans grand résultat et avec une fonction qui me retourne un booleen et mettre ce booleen en session mais ensuite je ne sais pas faire. Je vous met une partie du code si quelqu'un peut m'aider !! 

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

HashMap<String, Boolean> hash = new HashMap<>();
		Calendrier calendrier = new Calendrier();
		// RECUPERER LA SESSION EN COURS
		HttpSession session = request.getSession();
		
		// RECUPERE L'ID USER EN COURS
		utilisateur = (Utilisateur) (session.getAttribute("sessionNurse"));
		
		if (request.getParameter("heure") != null) {
			String jour = request.getParameter("jour");

			// INSERER DANS DISPONIBILITE
			dispo.setId_utilisateur(utilisateur.getId());
			dispo.setDates_dispo(jour);
			
			PlanningForm form = new PlanningForm(daoplan, dispodao);
			Planning planning = form.validplanning(request, dispo);
// 1ere solution , avec en string les dates en entete et le booleen qui correspond à l'heure
			hash.put(dispo.getDates_dispo(), planning.isHuit());
			//2e solution
			boolean test = test(calendrier, planning);
			
			if(test == true) {
				request.setAttribute("dispo", dispo);
				System.out.println(session.toString());
			}
	

		}else if (request.getParameter("heureSupprim") != null) {

			
			//Return jsp class change "class + vert"
			String heure = request.getParameter("heureSupprim");
			String jour = request.getParameter("jourSupprim");
			
			PlanningForm form = new PlanningForm(daoplan, dispodao);
			form.SupprPlan(request, utilisateur, dispo);
		}

	}
	
	public boolean test(Calendrier calendrier, Planning planning) {
		calendrier = new Calendrier();
		boolean test = false;
		//il faudrait donc que je fasse cette action pour toute les cellules 
		if (hash.containsKey(calendrier.getColumnName(1))) {
			if(planning.isHuit() == true) {
				test =  true;
			}else {
				test=false;
			}
		}
		return test;
	}

	<tr>
										<th scope="col"></th>
										<th scope="col">${calendrier.getColumnName(1)}</th>
										<th scope="col">${calendrier.getColumnName(2)}</th>
									
										</tr>
										
									<tr>
										<th>8h-9h</th>
										<td onclick='changeColor(this)' class="eight">${disponibilite.dispo}</td>
										<td onclick='changeColor(this)' class="eight"></td>
										

									</tr>
									<tr>
									
										<th>9h-10h</th>
										<td onclick='changeColor(this)' class="nine"></td>
										<td onclick='changeColor(this)' class="nine"></td>
										
									</tr>

La fonction changecolor, change le statut "class" si activer ou non en ajoutant un active a la fin 

function changeColor(oTd){
							
							  var id = $(oTd).attr('class')
								console.log(id);
							
							  var sClass ='active',
							      isVide = !oTd.classList.contains(sClass);
							  if(isVide){
							    oTd.classList.add(sClass) ; 
							   
							   
							  }else{
							    oTd.classList.remove(sClass) ; 

Merci pour votre aide !!

il faut récupérer l'idsession du coté serveur et aller le stocker dans sessionstorage côté client.

Ensuite, dès que tu as raffraichi ta page, tu récupères idsession et tu l'ajoutes soit dans url ou soit en entete http...

localStorage does the same thing, but persists even when the browser is closed and reopened.

exactement donc tu dois l'utiliser

https://developer.mozilla.org/fr/docs/Web/API/Window/localStorage

-
Edité par unchained77 16 septembre 2019 à 7:52:04

HttpServletResponse response

Non jsuis désolée mais je n'y arrive pas. Si je fais avec le forward j'ai "undefined" 

	public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

		Calendrier calendrier = new Calendrier();
		// RECUPERER LA SESSION EN COURS
		HttpSession session = request.getSession();

		// RECUPERE L'ID USER EN COURS
		utilisateur = (Utilisateur) (session.getAttribute("sessionNurse"));
		//GET ID SESSION
		request.setAttribute("idsession", idsession);
		
		if (request.getParameter("heure") != null) {
			String jour = request.getParameter("jour");

			// INSERER DANS DISPONIBILITE
			dispo.setId_utilisateur(utilisateur.getId());
			dispo.setDates_dispo(jour);
			
			PlanningForm form = new PlanningForm(daoplan, dispodao);
			Planning planning = form.validplanning(request, dispo);


		}else if (request.getParameter("heureSupprim") != null) {

			
			//Return jsp class change "class + vert"
			String heure = request.getParameter("heureSupprim");
			String jour = request.getParameter("jourSupprim");
			
			PlanningForm form = new PlanningForm(daoplan, dispodao);
			form.SupprPlan(request, utilisateur, dispo);
		}
	
		this.getServletContext().getRequestDispatcher(URL_PLANNING).forward(request, response);
	}

Et si je fais avec ca : 

response.getWriter().write(idsession);

J'ai une erreur : 

java.lang.NullPointerException
	at org.apache.catalina.connector.CoyoteWriter.write(CoyoteWriter.java:180)
	at com.julia.servlets.PlanningServlet.doPost(PlanningServlet.java:115)
	at javax.servlet.http.HttpServlet.service(HttpServlet.java:660)

Et voici ce que j'ai mis dans mon script :

					  if (sessionStorage.getItem("idsession")) {

								  data = sessionStorage.getItem("idsession");
							  }
							  localStorage.setItem("idsession", data);
							  console.log(localStorage.getItem("idsession"));
							}

request.setAttribute("idsession", idsession);

Ton idsession n'est pas initialisé, il manque peut être

String idsession = request.getSession().getId()

	public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
		/* Récupération de la session depuis la requête */

		HttpSession session = request.getSession();
		/*
		 * Si l'objet utilisateur n'existe pas dans la session en cours, alors
		 * l'utilisateur n'est pas connecté.
		 */
		if (session.getAttribute(ATT_SESSION_NURSE) == null) {

			/* Redirection vers la page publique */
			response.sendRedirect(request.getContextPath() + ACCES_PUBLIC);
		} else {
			/* Affichage de la page restreinte */
			
			// AFFICHER LES JOURS DE LA SEMAINE, APPEL METHODE COLUMN NAME
			request.setAttribute("calendrier", calendrier);
			if(request.getParameter("idsession") != null) {
				
				String id = request.getParameter("idsession");
				System.out.println("idsession" + id);
			 this.getServletContext().getRequestDispatcher(URL_PLANNING + "?id=" + id);
			}
		
			//this.getServletContext().getRequestDispatcher(URL_PLANNING).forward(request, response);
		}
	}

function changeColor(oTd){
							var data;
							
							  var id = $(oTd).attr('class')
								console.log(id);
							
							  var sClass ='active',
							      isVide = !oTd.classList.contains(sClass);
							  if(isVide){
							    oTd.classList.add(sClass) ; 
							    
							     $.post("planning", {
									heure : id, 
									jour : getHeader(oTd).join()
								}, function(data) {
									data = data;
																
									if (localStorage.getItem("idsession")) {

										data = localStorage.getItem("idsession");
									}
									
									localStorage.setItem("idsession", data);
									
							
								}); 
							   
							  }else{
							    oTd.classList.remove(sClass) ; 
							    
							    $.post("planning", {
									heureSupprim : id, 
									jourSupprim : getHeader(oTd).join()
								}, function(data) {
								data = data;
								}); 
							    							  }
							  
							  $.get("planning", {
								  idsession : localStorage.getItem("idsession")
							  }, function(data) {
								  							  }); 							 
							}

console.log('Récupérons cette idsession après rafraichissement de la page actuelle');
let idsession = sessionStorage.getItem('idsession');
if(idsession) {
    // Réécriture de l'url et on lui donne idsession !
    $.post('planning?sessionid=' + idsession, (data) => {
        // Cette session a deja un message : salut
        console.log(data);
    });
} else {
    $.post('planning',(idsession) => {
        console.log('Mon idsession est le : ' + idsession);
        console.log('sauvons cette idsession dans la sessionStorage');
        localStorage.setItem('idsession', idsession);        
    });
}

public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
 
    // RECUPERER LA SESSION EN COURS
    HttpSession session = request.getSession();
    String idsession = session.getId(); 
    String msg = session.getAttribute(idsession);
    if(msg != null) {
        // si le message exite déjà dans cette session 
        response.getWriter().write("Cette session a deja un message : " +  msg);
    } else {
        // créons le message dans cette session
        session.setAttribute(idsession,"salut");
        // J'envois l'id session au client
        response.getWriter().write(idsession);
    }
}

Bien évidement je ne l'ai pas testé.

Je ne garantie en rien du résultat voulu ! 

-
Edité par unchained77 23 septembre 2019 à 11:14:11

Tes messages remontent parfaitement et du coup si je comprend bien, dès que mon utilisateur va cliquer il faut que j'aille enregistrer cette cellule dans la session du client en front ou en back 

toutes les actions de l'utilisateurs seront stockés dans la session X ! imaginations que l'utilisateur ai besoin de récupérer son panier dans la session X après un refresh accidentel de sa page, il devra alors  renseigner l'idsession de X de sa storagelocal (récupéré et sauvé précédemment voir mon code..) au serveur  pour revenir dans la session X contenant son panier ! 

undestood ?

-
Edité par unchained77 23 septembre 2019 à 22:57:19