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 :

Copier/coller dans un select vers un textarea


Sujet :

JavaScript

  1. #1
    Membre averti Avatar de BRUNO71
    Homme Profil pro
    Retraité
    Inscrit en
    Janvier 2007
    Messages
    502
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Saône et Loire (Bourgogne)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2007
    Messages : 502
    Points : 319
    Points
    319
    Par défaut Copier/coller dans un select vers un textarea
    Bonjour,

    Voici un bout de code qui permet de copier des mots dans une liste et de les coller dans un textarea.
    L’objectif ultime étant de sélectionner une liste de mail et de faire un choix pour les destinataires dans du code PHP (envoi mail format html)…
    Ca fonctionne, mais je n’arrive pas à faire en sorte que chaque adresse mail soit sur la même ligne et en plus, la cerise sur le gâteau, serait d’ajouter une virgule et un espace après chaque mail !

    Qui peut m’aider à trouver cette solution ?

    Voici le code JS :

    Code : 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
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
     
     
    <script type="text/javascript">
    function ajout_mail(demande)
    { 
    var ou,rch;
    for ( var n=0;n<form_mail.select_mail.length;n++ )
    {
    if ( form_mail.select_mail[n].selected )
    {
    rch=form_mail.select_mail[n].text;
    ou=form_mail.reception_mail.value.indexOf(rch);
    switch (demande)
    {
    case "Ajouter":
    if ( ou==-1 )
    {
    form_mail.reception_mail.value+=rch+"\r\n";
    }
    break;
    case "Supprimer":
    if ( ou>=0 )
    { form_mail.reception_mail.value=form_mail.reception_mail.value.substr(0,ou-1)+form_mail.reception_mail.value.substr(ou+rch.length+2); }
    break;
    }
    }
    }
    }
    </script>
    Et le code HTML du select, du textarea et des bouttons :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
     
    <form name="form_mail">
    <select name="select_mail" multiple="multiple" style="height:167px">
    <option value="">un@mail.fr</option>
    <option value="">deux@mail.fr</option>
    <option value="">trois@mail.fr</option>
    <option value="">quatre@mail.fr</option>
    <option value="">cinq@mail.fr</option>
    <option value="">six@mail.fr</option>
    <option value="">sept@mail.fr</option>
    </select>&nbsp;
    <textarea name="reception_mail" cols="50" rows="10"></textarea><br/><br/>
    <button onclick="ajout_mail('Ajouter');">Ajouter</button>
    <button onclick="ajout_mail('Supprimer');">Supprimer</button>
    </form>
    Merci bien pour votre contribution,
    Cordialement

  2. #2
    Inactif  

    Homme Profil pro
    développeur Vala
    Inscrit en
    Février 2011
    Messages
    478
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Cher (Centre)

    Informations professionnelles :
    Activité : développeur Vala
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2011
    Messages : 478
    Points : 3 700
    Points
    3 700
    Par défaut
    bonjour
    tu avait un petit problème, tes <button> envoyaient le formulaire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <form name="form_mail">
    <select name="select_mail" multiple="multiple" style="height:167px">
    <option value="">un@mail.fr</option>
    <option value="">deux@mail.fr</option>
    <option value="">trois@mail.fr</option>
    <option value="">quatre@mail.fr</option>
    <option value="">cinq@mail.fr</option>
    <option value="">six@mail.fr</option>
    <option value="">sept@mail.fr</option>
    </select>&nbsp;
    <textarea name="reception_mail" cols="50" rows="10"></textarea><br/><br/>
    <input type="button" value="ajouter" onclick="ajout_mail('Ajouter');">
    <input type="button" value="supprimer" onclick="ajout_mail('Supprimer');">
    </form>
    remplace les par les input type="button". puis dans ton code js :
    Code : 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
    18
    19
    20
    21
    22
    23
    24
    25
    26
     
    function ajout_mail(demande)
    { 
    var ou,rch;
    for ( var n=0;n<form_mail.select_mail.length;n++ )
    {
    if ( form_mail.select_mail[n].selected )
    {
    rch=form_mail.select_mail[n].text;
    ou=form_mail.reception_mail.value.indexOf(rch);
    switch (demande)
    {
    case "Ajouter":
    if ( ou==-1 )
    {
    form_mail.reception_mail.value+=rch+",";
    }
    break;
    case "Supprimer":
    if ( ou>=0 )
    { form_mail.reception_mail.value=form_mail.reception_mail.value.substr(0,ou)+form_mail.reception_mail.value.substr(ou+rch.length+1); }
    break;
    }
    }
    }
    }
    il faut décaler le substring d'un à cause de la virgule
    (marquer un post résolu si vous êtes satisfait de la réponse )
    ma page launchpad https://launchpad.net/~inizan-yannick
    ma page github : https://github.com/inizan-yannick

  3. #3
    Membre averti Avatar de BRUNO71
    Homme Profil pro
    Retraité
    Inscrit en
    Janvier 2007
    Messages
    502
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 61
    Localisation : France, Saône et Loire (Bourgogne)

    Informations professionnelles :
    Activité : Retraité
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2007
    Messages : 502
    Points : 319
    Points
    319
    Par défaut
    Bonjour,
    Merci.....

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

Discussions similaires

  1. Problème copier/coller dans un Textarea et un formulaire web
    Par Hicks90 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 31/01/2012, 22h07
  2. [SQL] Copier / coller dans un textarea
    Par wiLBuzz dans le forum PHP & Base de données
    Réponses: 2
    Dernier message: 31/08/2007, 12h05
  3. gerer le copier/coller dans une richEdit
    Par SBP dans le forum MFC
    Réponses: 4
    Dernier message: 10/02/2005, 21h00
  4. Protéger Couper/Copier/Coller dans un Objet en développement
    Par tibi666 dans le forum Composants VCL
    Réponses: 14
    Dernier message: 06/12/2004, 14h52
  5. [Swing]copier coller... dans le menu.
    Par parksto dans le forum Composants
    Réponses: 3
    Dernier message: 10/05/2004, 22h56

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