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 :

champs de formulaire dynamique


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2011
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2011
    Messages : 6
    Par défaut champs de formulaire dynamique
    Bonjour a tous,
    c'est la 1ere fois que je poste sur ce forum, donc merci d'être indulgent si je me suis trompé de rubrique.

    Je suis en train de créer un formulaire en html /php. Tout fonctionne bien mais je cherche a remplir des champs automatiquement sans les saisir 2 fois.

    Je m'explique : j'ai un champs NOM et Prenom. Je voudrais que le champs Email (format : prenom.nom@domain.com) soit saisie et s'affiche automatiquement sans recharger ma page (en dynamique).

    Est-ce possible en javascript ? Quelqu'un a-t-il déjà fait ce genre de choses?

    Par avance merci

  2. #2
    Membre chevronné Avatar de Ceddoc
    Homme Profil pro
    Développeur Java
    Inscrit en
    Janvier 2009
    Messages
    493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

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

    Informations forums :
    Inscription : Janvier 2009
    Messages : 493
    Par défaut
    Oui c'est tout à fait possible en javascript, si tu n'en n'as jamais fait je te conseille d'apprendre les bases, ça te serviras toujours.

    Sinon le principe c'est que des que les champs noms et prénoms perdent le focus (des que l'utilisateur changera de champ) tu regarde leur valeur et que tu la mette dans ton champ mail.

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2011
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2011
    Messages : 6
    Par défaut
    Merci pour la réponse, tu peux m'en dire un peu plus, c'est en utilisant :
    document.getElementById

    ??
    Merci

  4. #4
    Membre chevronné Avatar de Ceddoc
    Homme Profil pro
    Développeur Java
    Inscrit en
    Janvier 2009
    Messages
    493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

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

    Informations forums :
    Inscription : Janvier 2009
    Messages : 493
    Par défaut
    Pas vraiment, enfin si mais ce n'est pas la première étape, il faut que tu commence par déclencher un script lorsque l'utilisateur arrête de rentrer son nom avec un évènement (il me semblait qu'un évènement onfocusout existait) ensuite tu récupère la valeur des champs noms et prénoms avec document.getElementById en effet et tu fais ton traitement. Mais encore une fois il vaut mieux apprendre les bases avant de te lancer.

  5. #5
    Membre du Club
    Profil pro
    Inscrit en
    Juin 2011
    Messages
    6
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2011
    Messages : 6
    Par défaut
    j'arrive a afficher le contenu dans un pop up lors de la perte de focus
    c'est un progrès
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <Input type=text id="prenom" name="prenom" size=30 onblur = alert(document.ajout.prenom.value)>
    Par contre je sais pas trop comment insérer cette valeur dans un autre input text

    Peux-tu m'aider ?
    Merci

  6. #6
    Membre chevronné Avatar de Ceddoc
    Homme Profil pro
    Développeur Java
    Inscrit en
    Janvier 2009
    Messages
    493
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Rhône (Rhône Alpes)

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

    Informations forums :
    Inscription : Janvier 2009
    Messages : 493
    Par défaut
    Je te fais un exemple de tête à la va-vite.

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <script LANGUAGE="Javascript">
    function monscript() {
         document.getElementById("tonchampmailid").value= document.ajout.prenom.value;
    }
    </script>
    <Input type=text id="prenom" name="prenom" size=30 onblur=monscript()>

    Quelque chose du genre devrait marcher mais après c'est à toi de voir comment tu vas faire pour faire les deux champs et la concaténation

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

Discussions similaires

  1. [2.x] Champ de formulaire dynamique avec entités
    Par thomm543 dans le forum Symfony
    Réponses: 0
    Dernier message: 30/10/2012, 17h21
  2. champs de formulaire dynamiques
    Par Zobbiwan dans le forum ASP.NET
    Réponses: 2
    Dernier message: 11/11/2008, 17h54
  3. Ajout de champs de formulaire dynamique
    Par hash95 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 14/01/2008, 17h39
  4. Récupérer valeur champs de formulaire dynamique
    Par antillejj dans le forum ASP
    Réponses: 1
    Dernier message: 22/12/2006, 07h17
  5. nom d'un champs de formulaire dynamique
    Par wil4linux dans le forum ASP
    Réponses: 2
    Dernier message: 22/09/2005, 17h42

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