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 :

Rajouter des éléments en cliquant sur un bouton


Sujet :

JavaScript

  1. #1
    Candidat au Club
    Homme Profil pro
    Administrateur systèmes et réseaux
    Inscrit en
    Octobre 2014
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yonne (Bourgogne)

    Informations professionnelles :
    Activité : Administrateur systèmes et réseaux

    Informations forums :
    Inscription : Octobre 2014
    Messages : 3
    Par défaut Rajouter des éléments en cliquant sur un bouton
    Bonjour,

    j'aimerai rajouter tous les élément d'un <div></div> en fonction d'un clique.
    Je m'explique:
    j'ai un div qui contient plusieurs éléments (des champs de saisie d'un formulaire).
    j'aimerai que tous ces champs de saisie contenu dans le div se répètent autant de fois qu'on clique sur un bouton "ajouter une demande".

    J'espère que c'est bien expliqué et que quelqu'un pourra me dépanner.

    Merci d'avance.

  2. #2
    Membre Expert
    Avatar de ryan
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2003
    Messages
    956
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2003
    Messages : 956
    Billets dans le blog
    1
    Par défaut
    Yop!

    Tu devrais plutôt aller voir dans le forum javascript. Car qui dit clic dit événement, qui dit événement dit javascript (alors on dance )

  3. #3
    Candidat au Club
    Homme Profil pro
    Administrateur systèmes et réseaux
    Inscrit en
    Octobre 2014
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yonne (Bourgogne)

    Informations professionnelles :
    Activité : Administrateur systèmes et réseaux

    Informations forums :
    Inscription : Octobre 2014
    Messages : 3
    Par défaut
    Ok merci pour le conseil!
    ça a été déplacé!!!

  4. #4
    Membre Expert
    Avatar de ryan
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2003
    Messages
    956
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Juin 2003
    Messages : 956
    Billets dans le blog
    1
    Par défaut
    Yop!

    En gros, tu as trois solutions:
    - manipuler l'innerHTML de ta div pour y ajouter toutes les balises de tes champs, éventuellement les labels si tu les utilises (c'est un peu bourrin, mais ça marche)
    - t'intéresser au DOM (document object model ) et utiliser createElement, createTextNode et appendChild (les esthètes te diront qu'il n'y a point de salut hors du DOM)
    - utiliser Jquery et la méthode append ou appendto (si tu es pressé, investir dans Jquery pourrait te faire gagner du temps)

    Pour lancer l'ajout, soit tu utilises l'événement onclick de ton bouton, soit, si tu as décidé de partir sur Jquery, la méthode click()

  5. #5
    Candidat au Club
    Homme Profil pro
    Administrateur systèmes et réseaux
    Inscrit en
    Octobre 2014
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yonne (Bourgogne)

    Informations professionnelles :
    Activité : Administrateur systèmes et réseaux

    Informations forums :
    Inscription : Octobre 2014
    Messages : 3
    Par défaut
    J'ai finalement trouvé un script avec une fonction qui était adapté à ma situation.
    Du coup je l'ai réécris à ma sauce.

    Merci pour ton aide.

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 29/04/2015, 12h59
  2. Réponses: 1
    Dernier message: 14/08/2006, 09h41
  3. [PHP-JS] ajouter des champ en cliquant sur un bouton?
    Par einsteineuzzz dans le forum Langage
    Réponses: 3
    Dernier message: 29/06/2006, 17h36
  4. Réponses: 4
    Dernier message: 14/11/2005, 15h58
  5. Réponses: 5
    Dernier message: 18/10/2005, 20h55

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