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 :

[DOM] Bouton radio et manipulation du DOM


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Homme Profil pro
    Technophile Web
    Inscrit en
    Mai 2007
    Messages
    930
    Détails du profil
    Informations personnelles :
    Sexe : Homme

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

    Informations forums :
    Inscription : Mai 2007
    Messages : 930
    Points : 467
    Points
    467
    Par défaut [DOM] Bouton radio et manipulation du DOM
    Bonjour,

    J'ai une application qui prend en compte trois type d'utilsateir. Utilisateur simple, utilisateur parrain et utilisateur modérateur. Seul un des type d'utilsateur, le parrain a un filleul (forcément).

    Je suis en train de concevoir la page de création des comptes.
    Donc j'ai sur cette page trois bouttons de type radio.
    Je voudrais que lorsqu'ion clique sur le button radio correspondant au parrain (parrain-bouton) soit automatiquement ajouté sur la page HTML un input de type text (pour le filleul). Mais le problème c'est si l'utilisateur clique sur le bouton radio de création d'un utilisateur parrain, reclique sur un autre bouton radio, et clique de nouveau sur le bouton de création d'un utilisateur parrain l'input que j'ajoute se créer deux fois. Je voudrais alors savoir comment faire pour créer un seul input quoique l'utilisateur fasse.

    Pour l'instant voici mon code


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    window.onload=init;
     
    function init()
    {
    	$('parrain-bouton').onclick=addInputButton;
    }
    function addInputButton()
    {
    	var parent = document.getElementById("identifiant-client");
    	new Insertion.After(parent, "<p id=\"comp-name\">Nom de la companie : <input type=\"text\" name=\"comp\" value=\"\"></p>");
    }
    PS : j'utilse prototype
    http://aldorande.miniville.fr/ind
    Fedora 8, eclipse 3.3 sur x86_64
    --------------
    Colorer votre code php

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    if (!document.getElementById('comp_parrain'))
    new Insertion.After(parent, "<p id=\"comp-name\">Nom de la companie : <input type=\"text\" id=\"comp_parrain\" name=\"comp\" value=\"\"></p>");
    }
    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

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

Discussions similaires

  1. DOM, bouton radio, checked sous IE
    Par okoweb dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 08/09/2010, 14h22
  2. [DOM] Rafraichissement de div IE boutons radios
    Par ejilan dans le forum Général JavaScript
    Réponses: 17
    Dernier message: 14/10/2008, 15h30
  3. [DOM] Désactiver un bouton radio en fonction de ce qui est déjà coché
    Par Nabouille dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 20/09/2007, 10h33
  4. [DOM] tout cocher (sélectionner ) avec les boutons RADIO
    Par jabs dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 06/07/2007, 07h56
  5. [DOM] DOM et gestion des boutons radio
    Par Ricou13 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 28/01/2007, 19h58

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