Discussion :

[shiiva]

Bonjour à tous,

Débutant en php, html, sql, css, etc., j'ai réalisé une application (qui est un fait un site hébergé en local) permettant de trier, recenser et rechercher les articles d'un magasin d'une usine.

Cela fonctionne bien, mais voilà mon problème.



Sur l'image ci-dessus, on voit que la page pour une catégorie d'articles est divisée en 2 :

• A gauche, le menu avec pour chaque nomination un lien vers une page php contenant le tableau demandé,

• A droite, la page php qui fait la liaison avec la base de données et qui gère l'affichage et la mise en forme du tableau

Le problème, c'est quand il y a une modification à faire, je doit reprendre toutes les pages une par une de la catégorie à modifier.

Ce que je voudrais, c'est avoir une seule page, avec ,par exemple, une div à gauche pour le menu et une div à droite pour le tableau. Et lors d'un clic sur une section du menu, on reste sur la même page, mais le tableau à drotie est modifié.

Est-ce possible ? J'ai lu un peu partout que le JavaScript peut gérer ça, car le php à besoin d'un rafraîchissement de la page.

Bonne journée à vous.

[HR.Huge]

Salut,

en effet javascript s'executant du côté client, la page n'est pas rechargée et il est possible de gérer des interactions utilisateur notamment à travers l'attribut "onclick" qui permet de faire appel à une fonction javascript sur clic d'un élément. Tu peux également afficher ce que tu veux dans une balise avec javascript. Par exemple en utilisant l'attribut innerHTML de la balise.

Cela dit, javascript ne sait pas intéragir avec la base de données.
Donc soit tu as toutes tes données déjà chargées lors du premier affichage de la page et tu n'as plus qu'à filtrer l'affichage en fonction de la catégorie choisie.

Soit tu utilises php pour charger les données de la catégorie sur choix de la catégorie.

Tu peux aussi utiliser les technologies AJAX qui te permettront un affichage dynamique et sans chargement complet des données d'un seul coup. Mais qui est plus compliqué à mettr en place.

Que de choix

[shiiva]

Salut à toi,

Merci de ta réponse si rapide

En effet, il y a plusieurs choix.

Pour JavaScript : quand tu dis qu'il ne gère pas interagir avec une BDD, tu entends quoi ? C'est pas possible de "mixer" du JS et de la gestion de BDD au sein d'un même programme ?

Pour php, je vois ce que tu veux dire, mais je vois pas comment le réaliser, ça pourrait être pas mal en effet.

Et AJAX, c'est dur dur ?
Ça pourrait être une occasion d'apprendre, mais faudrait peut être que je maîtrise d'abord bien les autres langages non ?

Merci encore

[HR.Huge]

Pour JavaScript : quand tu dis qu'il ne gère pas interagir avec une BDD, tu entends quoi ? C'est pas possible de "mixer" du JS et de la gestion de BDD au sein d'un même programme ?

C'est pas possible de faire une nouvelle requête sur ta base de données sans 'recharger' la page en js classique. Pas que je sache en tout cas. C'est de toute façon je pense peu recommandé car bon nombre d'utilisateurs parcours le net avec js désactivé donc c'est dommage de lui confier des missions importantes.

Mais comme je te le disais, rien ne t'empeche de charger tous les produits de toutes les catégories dans un tableau par exemple lors du premier affichage de la page. Et, lors du clic sur une catégorie, appeler une fonction js qui, à partir de ce tableau, affiche ton tableau en ne prenant que les produits de la catégorie cliquée.
Du type $tab[$categorie][$produits[]]

Pour php, je vois ce que tu veux dire, mais je vois pas comment le réaliser, ça pourrait être pas mal en effet.

Par exemple, dans tes liens de menu sur la gauche, tu ajoute l'id de la catégorie concernée dans l'url. Du coup quand l'utilisateur clique sur un élément du menu, cela recharge la page du tableau avec l'id de la catégorie dans l'url. Tu peux donc la récupérer via php $_GET et donc adapter ta requete en fonction et n'afficher que les items de la catégorie.
Tu peux même générer dynamiquement ta liste de catégories à gauche en fonction des catégories enregistrées dans ta base de données.

Ton lien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="traitement_tableau.php?categorie=1">categorie 1</a>

Ton traitement :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
$categorie = $_GET['categorie'];
$requete = "SELECT * FROM produit WHERE categorie = ".$categorie;

C'est pour te donner une idée.

Et AJAX, c'est dur dur ?
Ça pourrait être une occasion d'apprendre, mais faudrait peut être que je maîtrise d'abord bien les autres langages non ?

Je pense que je suis pas objectif sur le sujet. Il faut de solides bases en php et js avant de commencer. Rien d'insurmontable cela dit.

[shiiva]

D'accord, je vois !

Et bien écoute, je vais essayer de tester tout ça, et dans tous les cas je viendrai donner des nouvelles ici.

Merci du coup de main !

Bon appétit ..!

[HR.Huge]

Ca marche bon courage !

(J'en profite pour te signaler que j'ai édité mon post 4-5 fois donc vérifie si tu as bien vu la version finale )