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

jQuery Discussion :

Ecrire dans un input et s'affiche dans un deuxieme (copie)


Sujet :

jQuery

  1. #1
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Décembre 2013
    Messages
    84
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2013
    Messages : 84
    Par défaut Ecrire dans un input et s'affiche dans un deuxieme (copie)
    Bonjour à tous !

    J'ai un formulaire avec plusieurs input.

    J'aimerais avoir une petite fonction qui fait que quand j’écris dans un champ <input> que cela écrive en même temps dans un deuxième input ou quand j'ai fini que ca le rajoute dans une deuxieme.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    <input type="text" name="nom" value="''" placeholder="Nom" class="class1" required />
     
    <input type="text" name="nomcopie" value="''" placeholder="Nomcopie" class="class1" required />
    Merci !

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <input type="text" idname="idnom" name="nom" value="" placeholder="Nom" class="class1" required 
           onkeyup="document.getElementById('idnomcopie').value=this.value;" />
     
    <input type="text" id="idnomcopie" name="nomcopie" value="" placeholder="Nomcopie" class="class1" required />
    Si "quand fini" : remplacer onkeyup par onchange

    Ou :
    Code jQuery : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <input type="text" idname="idnom" name="nom" value="" placeholder="Nom" class="class1" required 
           onkeyup="$('#idnomcopie').val($(this).val());" />

  3. #3
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Décembre 2013
    Messages
    84
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2013
    Messages : 84
    Par défaut
    Merci c'est parfait !

  4. #4
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Décembre 2013
    Messages
    84
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2013
    Messages : 84
    Par défaut
    Derniere question :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <script type=\"text/javascript\">function formatValue(element) {element.value = element.value.replace(' ', '-').toLowerCase();element.value = element.value.replace('é', 'e').toLowerCase();element.value = element.value.replace('è', 'e').toLowerCase();element.value = element.value.replace('â', 'a').toLowerCase();element.value = element.value.replace('ê', 'e').toLowerCase();element.value = element.value.replace('\'', '-').toLowerCase();element.value = element.value.replace('ë', 'e').toLowerCase();element.value = element.value.replace('ç', 'c').toLowerCase();element.value = element.value.replace('à', 'a').toLowerCase();element.value = element.value.replace(\"'\", \"\").toLowerCase();element.value = element.value.replace('.', '').toLowerCase();}</script>
    J'ai ce script qui me permet de remplacer les espaces, accents, apostrophes, etc...

    J'aimerais quand je tape dans une input j'aimerais que dans la deuxième en même temps de copier ça me change les caractères que j'ai choisit.

    merci

  5. #5
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    il te faut apprendre les bases du JavaScript...




    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
           onkeyup="document.getElementById('idnomcopie').value = formatValue( this.value );" />
    ou
    Code jQuery : Sélectionner tout - Visualiser dans une fenêtre à part
           onkeyup="$('#idnomcopie').val( formatValue( $(this).val() ) );" />

  6. #6
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Décembre 2013
    Messages
    84
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2013
    Messages : 84
    Par défaut
    Merci mais cela ne fonctionne pas, voila mon code :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <input type="text" idname="idnom" name="nom" value="" placeholder="Nom" class="gestion_profils_1" required 
           onkeyup="document.getElementById('idnomcopie').value = formatValue( this.value );" />
     
     
    <input type="text" id="idnomcopie" name="nomcopie" value="" placeholder="Nomcopie" class="gestion_profils_1" required />

  7. #7
    Invité
    Invité(e)
    Par défaut
    Erreur sur la personne...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
           onkeyup="document.getElementById('idnomcopie').value = formatValue( this );" />
    N.B. LIS LES TUTOS !!
    Tu comprendras au moins ce qu'on fait...

    La fonction (mise en forme = indentée) :
    Code JavaScript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <script type="text/javascript">
    function formatValue(element) {
     
    	element.value = element.value.replace(' ', '-').toLowerCase();
    	element.value = element.value.replace('é', 'e').toLowerCase();
    	element.value = element.value.replace('è', 'e').toLowerCase();
    	element.value = element.value.replace('â', 'a').toLowerCase();
    	element.value = element.value.replace('ê', 'e').toLowerCase();
    	element.value = element.value.replace('\'', '-').toLowerCase();
    	element.value = element.value.replace('ë', 'e').toLowerCase();
    	element.value = element.value.replace('ç', 'c').toLowerCase();
    	element.value = element.value.replace('à', 'a').toLowerCase();
    	element.value = element.value.replace(\"'\", \"\").toLowerCase();
    	element.value = element.value.replace('.', '').toLowerCase();
     
    }
    </script>

  8. #8
    Membre confirmé
    Homme Profil pro
    Webmaster
    Inscrit en
    Décembre 2013
    Messages
    84
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Manche (Basse Normandie)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2013
    Messages : 84
    Par défaut
    Merci mais toujours pas, voila le screen : http://www.awesomescreenshot.com/ima...822111d3fa6899

    Si tu parle des antislash, c'est parce que c'est dans un echo""; d'où les \"\"

    Un grand merci

  9. #9
    Invité
    Invité(e)
    Par défaut
    Same player shoot again...
    N.B. LIS LES TUTOS !!
    On n'est pas là pour faire le travail à ta place.


    Encore moins pour APPRENDRE à ta place.

Discussions similaires

  1. Afficher dans Excel tous les fichiers contenu dans un dossier
    Par popsmelove dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 29/01/2008, 18h21
  2. Dessiner dans un Jpanel et l'afficher dans un JFrame
    Par Sourrisseau dans le forum Agents de placement/Fenêtres
    Réponses: 3
    Dernier message: 26/02/2007, 22h41
  3. Réponses: 6
    Dernier message: 01/02/2007, 05h52
  4. [SQL] Le résultat de la requête est tronqué lorsqu'on l'affiche dans un input text
    Par JackBeauregard dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 15/01/2007, 18h51
  5. récuperer une valeur et l'afficher dans un input
    Par popy29 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 27/12/2005, 16h49

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