Enregistrer les données d'une page

Salut à tous !

J'ouvre cette discussion pour demander votre aide car je suis bloqué dans mon projet.

J'ai développé une page (Un espace conso) sur laquelle il y a des tableaux, des inputs et autres. J'aimerai que comme sur Excel, on puisse saisir des données, pouvoir enregistrer quelque part et fermer la page ou actualiser la page.
Et ces données qui ont été saisies au par avant (enregistrées quelque part) s'affichent dans les cases des tableaux et inputs comme si on n'avait jamais fermé la page ou actualiser. Est-ce que c'est possible ???? Merci d'avance

PS : Je débute en JavaScript et je n'ai pas encore appris JQuery. J'ai aussi fait des recherches sur AJAX mais j'ai pas pu résoudre le problème.

Voici une capture de ma page :Pièce jointe 443867

Il te serai utile d'avoir une base de donnée derrière pour y stocker les données ...

Merci pour votre réponse !

J'ai déjà une base de données. Il y'a plusieurs éléments du tableau qui viennent de cette bd. Il y a du php, html et javascript sur cette page.

Alors voici un petit tuto qui devrait te mettre sur la bonne voie ...
https://sylvie-vauthier.developpez.c...rand-debutant/

Je n'ai aucun problème avec PHP. Je sais comment enregistrer les données dans une bd. Je voulais juste savoir si c'était en javascript avec AJAX ou autre

Tu veux dire récupérer les données du tableau ..
Oui en Javascript en parcourant le tableau avec les sélécteurs appropriés.
Ou alors en effet aussi avec JQuery ( qui est du Javascript )

Je sais comment récupérer les données du tableau. Ce que je veux c'est pouvoir enregistrer ces données quelque part pour que si on ferme la page ou on actualise, on retrouve les données qui ont été saisies dans ces cases et inputs

Il y a plusieurs possibilités...

Il existe des plugins JQuery de type DataTable ou JQTable que permettent d'afficher directement des données tabulaires issues de la base de donnée du serveur et possédant des méthodes de mise à jour avec Ajax sasn rechargement de page.

est a savoir quand tu veux que les données soient mises à jour ... sur la perte de focus ou directement lors de la frappe... masi cela va principalement dépendre de la quantité de données à mettre à jour ...

OK

Je vous explique la structure des tableaux et vous me suggéreriez la solution la plus adéquate.

Pièce jointe 444403

Ce tableau ci-dessus est le coeur du projet. C'est ici que les saisies et les calculs se font automatiquement. Les autres tableaux dépendes de celui-ci. Alors :
1. Il y a 3 lignes dans le code HTML pour ce tableau. Mais comme le remplissage se fait grâce à une requête, le nombre de lignes dépend de la base de données (difficile d'avoir des id pour chaque case)
2. Au chargement de la page des calculs se font, à la modification de certaines case des calculs se font aussi (onchange)

J'aimerai faire l'enrégistrement de tout le tableau à change fois qu'on modifie un "onchange"

Pour moi c'est typiquement le genre de projets pour dataTable qui inclut la pagination et des methodes de mises à jour de table distante ...

Ok. Merci pour vos conseils, je vais voir à quoi ça ressemble