rafraichir une seule partie de ma page ??????

affreuxzozo
rafraichir une seule partie de ma page ??????

Bonjour,

J'ai sur toute mes pages de mon site un panier volant qui sort du bord droite de ma page. Lorsque je clique pour mettre un élément dans le panier j'aimerais qu'il soit directement dans mon panier volant sans recharger la page principal. Je ne sais pas du tout comment faire. J'aimerais aussi que lorsque je suis sur mon panier volant je puisse supprimer un élément du panier sans recharger la page sur laquelle je suis. J'espère avoir été clair.

J'inclus ce panier dans toute mes pages. Mais j'aimerais rafraichir uniquement le div contenant le panier et faire les actions dont je parle précédemment.

Merci, d'avance a ceux qui me répondrons

Niroken
Re: rafraichir une seule partie de ma page ??????

Hello,

D'après ce que tu viens de mentionner ton panier est un div, donc facilement récupérable dans le dom coté client en javascript.

Un
document.getElementById("panier")
devrait suffire.

D'après moi, tu ne devrais faire les manipulations qu'en javascript du panier(donc sans rechargement de page), jusqu'a confirmation de la part du client que c'est ce qu'il compte acheter, ou la tu transmettras les données au serveur avec donc un reload de la page pour aller par exemple sur une page de commande.

Bonne chance,
Niroken

hamdi.douss
Re: rafraichir une seule partie de ma page ??????

Bonjour,

Deux approches peuvent être envisagées. La première est celle évoquée par Niroken et qui consiste à manipuler la DOM sans envoyer des requêtes vers le serveur, l'information est envoyée au serveur qu'aprés validation de l'utilisateur. La seconde consiste à envoyer au serveur toute information d'ajout/suppression d'articles dans/depuis le panier. Dans ce deuxième cas, vous pouvez ou bien rafraichir le div du panier avec la réponse du serveur (dans ce cas là la réponse du serveur sera le html qu'on devra insérer dans le div); ou bien attendre la réponse du serveur qui sera juste une confirmation (ou erreur) :OK (ou KO), et là aussi manipuler la DOM en conséquence.