Discussion :

[darkside777]

Bonjour !

je me suis lancé dans un projet assez complexe
j'aimerai faire un tableau dans lequel il y aurait une classe et des sous fonctions.
celles ci seraient demandé dans des labels.

j'ai ainsi crée 3 label :

• le premier dans lequel je mets des classes
• le deuxième dans lequel je mets des sous parties
• le troisième dans lequel je suis censé indiquer la classe d'une sous partie (les deux devant figurer dans les labels du dessus).

lorsque la sous partie est identifiée elle est rangé dans un tableau qui correspondra à la dites classe.

j'ai donc un problème:
comment reconnaitre deux input et classer ceux ci en fonctions des inputs précédent, et comment créer un tableau pour la classe correspondante

voici un exemple type:

• classe : fruits, légumes
• sous parties: bananes, haricots, fraise

reconnaitre: bananes, fruits ; haricots, légumes ; fraise, fruits

rendu:

• Fruits:
  bananes, fraise
  
• Légumes:
  haricots

voici donc mon code pour le moment. j'espère que c'est une bonne approche du rendu final puisque j'y ai travaillé très longtemps (pour peu d'ajout et pour essayer de comprendre certaines choses, parfois en vain) je me rends bien compte en tant que débutant que mon projet semble être ambitieux et difficile et donc mon code pourrait devoir vous insatisfaire et j'en suis désolé.
https://jsfiddle.net/floflo777/ceg5vw2d/167/

Merci de votre aide !
Bien cordialement un apprenti reconnaissant.

[NoSmoking]

Bonjour,
je dois admettre que je ne comprend pas bien ce à quoi tu veux aboutir !

Tes trois <input> sont indépendant l'un de l'autre, il te faut, si tu souhaites affecter à « fruits », une fois crée, que, lors de la création de « banane », par exemple, tu puisses choisir dans quelle catégorie tu veux mettre ce nouvel élément. (lire lentement la phrase)

Mais est-ce cela le but recherché !?!

[darkside777]

Excusez moi si ce n'était pas clair:
En effet, j'aimerais avec 3 input indépendants pouvoir choisir à quelle classe affecter une sous partie
si ce n'est toujours pas clair voici un exemple le plus concret possible

1er input : fruits
2eme input : banane
3eme input :fruits, banane

Dans le 1er input, j'indique 1 ou plusieurs classes.
dans le second input, j'indique 1 ou plusieurs sous parties.
dans le troisième input, j'indique la classe dans laquelle ira la sous partie
Cependant le 3eme input sert peut être à rien et peut être que je ne peux pas afficher en même temps "fruits, banane"
dans ce cas le 3eme input serait la classe de la sous partie
petit exemple pour fluidifier ce pavé

1er input: fruits
2eme input: banane
3eme input: fruits

ainsi, le 3eme input récupère avec Getelementbyid "banane" et le met dans le tableau "fruits" que l'on a désigné dans le premier input
à savoir il faut donc créer un tableau à chaque nouvelle classe ce que je ne sais pas faire mais si vous ne pouvez pas me renseigner sur ce point je tacherai de me débrouiller seul

P.S [ lire lentement pour mieux comprendre ]

Merci Beaucoup de votre aide, en espérant avoir été plus clair.

[Invité]

Bonjour,

Toujours pas.


1- C'est (probablement) ta méthodologie qui est mauvaise.

...ainsi, le 3eme input récupère avec Getelementbyid "banane" et ...

Quel intérêt d'un 3ème input, si c'est pour "récupérer" (?) ce qui est écrit dans les 2 autres ?
Ça n'a pas de sens.

2- C'est aussi la terminologie qui manque de précision : "classe" ? "sous partie" ? "fonction" ?
Ça veut dire quoi ?

3- Si on part du principe que :

• ce que tu appelle "classe" peut être appelé "catégorie"
• qu'une "catégorie" peut contenir des "sous-catégories" (autrement dit : une "catégorie parente" peut avoir des "catégories enfants")
• que dans une "catégorie" on peut mettre des "produits"

Alors le système devient beaucoup clair, et finalement très "classique", non ?

4- Alors, on peut séparer le traitement en 2 parties indépendantes :

4.1- Ajouter une catégorie :

• un <input> : "nom de la catégorie"
• un <select> (liste des catégories déjà enregistrées) : "catégorie parente" (si "pas de parent" => 0)
• un <input> : "Ajouter la catégorie"

4.2- Ajouter un produit :

• un <input> : "nom du produit"
• un <select> (liste des catégories enregistrées) : "catégorie du produit"
• un <input> : "Ajouter le produit"

5- Et si c'est destiné à être enregistré en Base de Données, il faut avoir un langage serveur, comme PHP (qui peut être appelé via Ajax).



N.B. Si ça ne correspond pas à ce que tu veux, alors je n'ai vraiment rien compris... malgré tes "explications", et bien que j'ai lu plusieurs fois, lentement...

[darkside777]

Merci beaucoup c'est exactement ça !

Pourriez vous juste me montrer un exemple ?
si cela ne vous dérange pas

J'étais parti sur ça https://jsfiddle.net/floflo777/fwb1g2az/98/ parce que j'étais vraiment résolu à la trouver cette réponse mais bon ça devient compliqué même pour moi qui l'ai fait

Merci beaucoup

[Invité]

1- Je t'ai indiqué l'architecture HTML *.

2- L'architecture des array/objets JavaScript à construire sera (de la forme) :

Code :

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

1
2
3
4
5
6
var categories = []; // array
categories[0] = { 'nom':'fruits-legumes', 'parent':''} // PAS de catégorie parente
categories[1] = { 'nom':'fruits', 'parent':0} // parent : 'fruits-legumes'
categories[2] = { 'nom':'legumes', 'parent':0} // parent : 'fruits-legumes'
// ....
console.log( categories );

Code :

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

1
2
3
4
5
6
var produits = []; // array
produits[0] = { 'nom':'banane', 'categorie':1} // catégorie : 'fruits'
produits[1] = { 'nom':'haricot', 'categorie':2} // catégorie : 'legumes'
produits[2] = { 'nom':'fraise', 'categorie':1} // catégorie : 'fruits'
// ....
console.log( produits );

3- * dans les 2 <select> : on ré-affiche (via JS, à chaque fois qu'une nouvelle catégorie est créée) la liste de toutes les catégories enregistrées.

4- Maintenant que tu as une méthodologie claire, tu devrais pouvoir t'en sortir, non ?