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 :

ajouter plusieurs zones de texte lorsque je coche une case


Sujet :

JavaScript

  1. #1
    Futur Membre du Club
    Inscrit en
    Novembre 2008
    Messages
    4
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 4
    Points : 5
    Points
    5
    Par défaut ajouter plusieurs zones de texte lorsque je coche une case
    bonjour
    s'il vous je suis en train de travailler sur un formulaire et je voudrais que lorsque je coche une case plusieurs zone de texte apparaissent avec des noms différents suivants la case que j'ai coché en premier

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2010
    Messages
    5 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

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

    Informations forums :
    Inscription : Septembre 2010
    Messages : 5 389
    Points : 10 422
    Points
    10 422
    Par défaut
    Sur le principe au chargement de la page tu cache tes champs de texte avec css (display:none) puis tu les remplis suivant les valeurs cochées par le visiteur et onclick sur ta case tu fais afficher les champs de texte.

    En javascript pour écrire dans une zone de texte c'est innerHTML, soit pour écrire dans un div dont l'id est "toto" :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("toto").innerHTML = 'mon nouveau texte';
    et pour faire afficher cette div qui a la propriété initiale css display:none

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById("toto").style.dispay = 'block';
    Alternativement mais c'est un peu plus long, on peut aussi écrire dans un div en utilisant le DOM avec createTextNode(), createElement(), appendChild()...

Discussions similaires

  1. Réponses: 11
    Dernier message: 02/12/2007, 16h28
  2. Activer des zones de textes lorsqu'on coche une case
    Par nicolas2603 dans le forum IHM
    Réponses: 5
    Dernier message: 23/11/2007, 16h42
  3. [CKEditor] Plusieurs zone de texte pour un éditeur
    Par louroulou dans le forum Bibliothèques & Frameworks
    Réponses: 4
    Dernier message: 28/09/2007, 23h07
  4. Réponses: 1
    Dernier message: 29/08/2006, 14h45
  5. boite de dialogue avec plusieurs zones de text
    Par hammag dans le forum AWT/Swing
    Réponses: 3
    Dernier message: 11/05/2006, 15h04

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