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 :

Ajout dynamique de lignes dans un tableau + afficher un formulaire dans un pop up


Sujet :

JavaScript

  1. #1
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2016
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2016
    Messages : 12
    Par défaut Ajout dynamique de lignes dans un tableau + afficher un formulaire dans un pop up
    Bonjour à tous!

    Je n'ai encore jamais fait de java script. Et j'ai trouvé un bon moyen de m'y mettre!

    Je travail sur un site web qui gère un planning.

    Une salle à un nombre de place défini. Par exemple, la salle G1 a 8 places, la salle G2 en a 6.

    Pour éviter de m'embêter à créer une page pas salle, j'ai décidé de fonctionner en une page, m'imaginant que l'informatique, c'était magique!

    Ca l'est, seulement si on sait s'y prendre, ce qui n'est pas mon cas!

    Donc, j'ai fait une liste déroulante avec toutes les salles, mais j'aimerais que selon la salle choisie, un tableau avec un certain nombre de ligne apparaisse.

    On peut ajouter une ligne donc même si, théoriquement, la salle n'a que 8 places, on peut y faire rentrer une (ou plusieurs) personne(s) de plus.

    Dans chaque cellule du tableau, il y a un champ de texte. Quand on clique sur le champ de texte, un pop up s'ouvre avec les détails du stagiaire que l'on veut enregistrer pour la semaine. En gros, ça devra ressembler à ça:

    La page de la salle:
    Nom : Enreg.PNG
Affichages : 295
Taille : 12,2 Ko
    Le pop up d'un stagiaire:
    Nom : Stag.PNG
Affichages : 243
Taille : 41,5 Ko

    Donc ce que je cherche à faire:

    -après avoir choisit une salle dans un centre qui est dans une ville, les lignes s'ajoutent.
    -quand on clique sur une zone de texte, un pop up doit s'ouvrir avec le contenu de la deuxième image.

    Une autre question: Ce serai plus simple de le faire en Java script, ou en PHP avec des champs non visibles? Dans les deux langages, je suis une bille

    Merci d'avance pour votre aide!

  2. #2
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2016
    Messages
    12
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Bas Rhin (Alsace)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2016
    Messages : 12
    Par défaut
    Aussi, j'ai oublié:

    il doit y avoir une case "répétition" à cocher, qui copie colle (après confirmation de l'utilisateur) les élément d'une ligne sur toute les autres.

    Si il décoche la case entre temps, pour changer le programme, le contenu des autre lignes se supprime.

    Si il recoche une ligne, les lignes d'après seront les même que celle qui vient d'être cochée.

    Les cases sont là:

    Nom : Stag.PNG
Affichages : 229
Taille : 43,9 Ko

    Merci pour vos réponses!

Discussions similaires

  1. Réponses: 3
    Dernier message: 06/08/2014, 12h53
  2. Ajout dynamique de lignes dans un tableau
    Par gobelet dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 02/08/2012, 13h49
  3. Ajouter dynamiquement des lignes à un tableau HTML
    Par jeannot1974 dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 20/11/2006, 15h39
  4. [Tableaux] Ajout dynamique de ligne dans un tableau
    Par gforce dans le forum Langage
    Réponses: 7
    Dernier message: 14/07/2006, 12h02
  5. [Tableaux] Ajout dynamique de lignes à un tableau
    Par loreleï85 dans le forum Langage
    Réponses: 6
    Dernier message: 22/06/2006, 17h14

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