IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Reconnaitre et affecter des inputs


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Août 2018
    Messages
    33
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Août 2018
    Messages : 33
    Par défaut Reconnaitre et affecter des inputs
    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.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 208
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 208
    Par défaut
    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é !?!

  3. #3
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Août 2018
    Messages
    33
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Août 2018
    Messages : 33
    Par défaut
    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.

  4. #4
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Toujours pas.


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

    Citation Envoyé par darkside777 Voir le message
    ...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...

  5. #5
    Membre averti
    Homme Profil pro
    Étudiant
    Inscrit en
    Août 2018
    Messages
    33
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Août 2018
    Messages : 33
    Par défaut
    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

  6. #6
    Invité
    Invité(e)
    Par défaut
    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 ?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Comment recuperer la liste des input text d'un formulaire.
    Par luimême dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 16/01/2006, 14h34
  2. Saisie rapide - Enchainement des inputs automatique
    Par Johnbob dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 13/10/2005, 19h26
  3. [Débutant] reconnaitre la provenance des ActionEvent
    Par lipao17 dans le forum AWT/Swing
    Réponses: 17
    Dernier message: 30/04/2005, 13h13
  4. stats qui affectent des requêtes en mode RULE
    Par joel90 dans le forum Oracle
    Réponses: 4
    Dernier message: 01/02/2005, 14h52
  5. [Débutant] Différencier des inputs
    Par Pymm dans le forum ASP
    Réponses: 5
    Dernier message: 28/01/2005, 15h01

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo