Bonjour à tous
J'ai une page web qui utilise le HTML (index.html) et JavaScript (calcul.js) puis le reste en CSS et jQuery pour la mise en page
La page est une calculatrice d'engrais de produits pour le gazon creer avec des champs de formulaire et un bouton calculer
Site web calculatrice: http://bookgazon.hebergratuit.net/calcul/
Pour ajouter, modifier ou supprimer chaque produit et leurs valeurs je suis obliger de passer par le code source de la page calcul.js.
Code source (index.html / calcul.js / style.css): https://codepen.io/asp2p/pen/LLgmmx
Pour ajouter un nouveau produit
je suis obliger d'ouvrir le fichier calcul.js et d'ajouter une nouvelle ligne de code comme indiquer ci-dessous (line 9-10)
Code:
2
3
4
5
6
7
8
9
10
11var outil = 'pulverisateur'; var produits = [ // Agrosil LR {'produit':'Agrosil LR','quantite':120,'surface':1,'description':"Engrais améliorateur de sol agrosil améliore efficacement le sol, stimule le système racinaire pour le gazon et toutes les plantes du jardin.",'lien':'https://www.gazoneo.fr/produit/agrosil-ameliorateur-sol/','unite':'gr','outil':'epandeur','type':'non utilisé','semis':0,'sursemis':0,'microregarnissage':0,'unmois':0,'troismois':0}, // Algifol Green {'produit':'Algifol Green','quantite':5,'surface':10,'description':"Puissant stimulant gazon Algifol Green est un concentré d’algues biologiques qui s’utilise en quantités minimales pour un résultat stupéfiant !",'lien':'https://www.gazoneo.fr/produit/algifol-green-stimulant-gazon/','unite':'ml','outil':'pulverisateur','type':'non utilisé','semis':0,'sursemis':0,'microregarnissage':0,'unmois':0,'troismois':0}, // Nouveau produit {'produit':'Nouveau Produit','quantite':30,'surface':1,'description':"Descriptif du nouveau produit !",'lien':'https://www.gazoneo.fr/produit/nouveau-produit/','unite':'gr','outil':'epandeur','type':'semence','semis':30,'sursemis':15,'microregarnissage':5,'unmois':10,'troismois':30} ];
Pour modifier je suis obliger d'ouvrir le fichier calcul.js et de modifier les valeurs comme ceci
AVANT
APRESCode:
2
3
4
5var outil = 'pulverisateur'; var produits = [ // Algifol Green {'produit':'Algifol Green','quantite':5,'surface':10,'description':"Puissant stimulant gazon Algifol Green est un concentré d’algues biologiques qui s’utilise en quantités minimales pour un résultat stupéfiant !",'lien':'https://www.gazoneo.fr/produit/algifol-green-stimulant-gazon/','unite':'ml','outil':'pulverisateur','type':'non utilisé','semis':0,'sursemis':0,'microregarnissage':0,'unmois':0,'troismois':0}, ];
Code:
2
3
4
5var outil = 'pulverisateur'; var produits = [ // Algifol Green {'produit':'Algifol Green','quantite':50,'surface':100,'description':"Puissant stimulant gazon Algifol Green est un concentré d’algues biologiques qui s’utilise en quantités minimales pour un résultat stupéfiant !",'lien':'https://www.gazoneo.fr/produit/algifol-green-stimulant-gazon/','unite':'ml','outil':'pulverisateur','type':'non utilisé','semis':0,'sursemis':0,'microregarnissage':0,'unmois':0,'troismois':0}, ];
Pour supprimer j'ouvre le fichier calcul.js et je supprime simplement la ligne
Je doit dire que c'est assez pénible ( utilisation du logiciel ftp, transférer le fichier vers mon ordi, faire la modification, re transférer les fichiers vers le ftp, et vérifier qu'il n'y est pas d'erreur suite à l'effacement non voulu d'un ' ou d'une }Code:
2
3// Algifol Green {'produit':'Algifol Green','quantite':5,'surface':10,'description':"Puissant stimulant gazon Algifol Green est un concentré d’algues biologiques qui s’utilise en quantités minimales pour un résultat stupéfiant !",'lien':'https://www.gazoneo.fr/produit/algifol-green-stimulant-gazon/','unite':'ml','outil':'pulverisateur','type':'non utilisé','semis':0,'sursemis':0,'microregarnissage':0,'unmois':0,'troismois':0},
C'est pour cela qu'a se jours je souhaiterais faire une petite page admin avec des champs de formulaire pour pouvoir ajouter / modifier / supprimer des produits
A titre d'exemple un peut comme se style la
Pièce jointe 292601
Donc je me dit qu'il va surement falloir passer par une base de donnée (sql)
pour faire un truc dans se genre la
Pièce jointe 292603
sauf que n'y connaissant rien en PHP/MySQL je voulais savoir si quelqu'un pourrait prendre un peut de sont temps pour me donner un petit coup de main afin que je puisse arriver à créer ça
je vous remercie par avance
Cordialement
