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 :

remplir un textarea grace à une liste


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de akara
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    299
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 299
    Par défaut remplir un textarea grace à une liste
    Bonjour,
    (re-bonjour grenouille de l'espace au cas ou c'est toi qui répond lOol O_o')
    je préférerai remplir un textarea à l'aide d'une liste, j'ai commençais à faire ceci :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <select name="departement" id="depart" onChange="alert(document.getElementById('depart').options[document.getElementById('depart').selectedIndex].value)">
    	<option value="-1">- - - département - - -</option>
    	<?php   
            while($dep = mysql_fetch_assoc($rech_dep)){
            $nom_dep = stripslashes($dep['nom']);
            $num_dep = $dep['num_dep'];
            echo "\n\t\t<option value=\"".$num_dep."\">($num_dep) ".$nom_dep."</option>";
            }
            ?>
    </select>
     
    <textarea id="truc" cols="25" rows="10"></textarea>
    mais je ne vois pas comment remplir le textarea ç chaque onchange de la liste et puis la possibilité d'effacer (ici un departement) ce qui vient d'être inserer....

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    coté ergonomie pourquoi pas plutot deux selects liés ...

    le second etant non modifiable et se mettant à jour à partir du premier en ajout / suppression
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre éclairé Avatar de akara
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    299
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 299
    Par défaut
    waou wouai wouai, mais est ce que dans la seconde liste on peut supprimer ?
    moi je vois pas du tout comment on peut supprimer un département dans la seconde liste

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    un exemple vite fait :
    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
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    <html>
    <head>
     
    <script type="text/JavaScript">
     
    function ajout(listeDep){
        var existe = 0;
        if(listeDep.options[listeDep.selectedIndex].value == 0){
        }
        else{
            for(i=1;i< document.getElementById('arrive').length ;i++){
                if(document.getElementById('arrive').options[i].text == listeDep.options[listeDep.selectedIndex].text){
                    existe = 1;
                }
                else{
                    if(existe == 1){
                        existe = 1;
                    }
                    else{
                        existe = 0;
                    }
                }
            }
            if(existe == 0){
                var option = new Option(listeDep.options[listeDep.selectedIndex].text,listeDep.options[listeDep.selectedIndex].value); 
                document.getElementById('arrive').options[0].text = "votre selection";
                document.getElementById('arrive').options[0].value = 0;
                document.getElementById('arrive').options[(document.getElementById('arrive').length)] = option;
            }
            else{
                alert('Cette option est déjà séléctionnée !!!');
            }
        }
    }
    function enleve(listeArr){
        if(listeArr.options[listeArr.selectedIndex].value == 0){
        }
        else{
            listeArr.options[listeArr.selectedIndex] = null;
        }
        if(document.getElementById('arrive').options.length == 1){
    			    document.getElementById('arrive').options[0].text = "Aucune option n'est sélectionnéé !!!";
              		document.getElementById('arrive').options[0].value = 0;
              		}
    }
     
    </script>
    </head>
     
    <body>
    <table width='90%'>
        <tr>
            <td>Double cliquez pour selectionner<br />
                <select name='depart' size='5' ondblclick='ajout(this)' style="scrollbar-3dlight-color:red; border: red 1px solid; BACKGROUND-COLOR: #f2f2f2">
                    <option value='0'>
                   Double clic pour sélectionner un client
                </option>
                    <option value='1'>Option 1</option>
                    <option value='2'>Option 2</option>
                    <option value='3'>Option 3</option>
                    <option value='4'>Option 4</option>
                </select>
            </td>
            <td>
                Double cliquez pour effacer la selection<br />
                <select name='arrive' id='arrive' size='5' ondblclick="enleve(this)"  style="scrollbar-3dlight-color:red; border: red 1px solid; BACKGROUND-COLOR: #f2f2f2;width:300px">
                    <option value='0'>
                   Aucune option n'est séléctionnée !!!
                </option>
                </select>
            </td>
        </tr>
    </table>
    </body>
    </html>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre éclairé Avatar de akara
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    299
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 299
    Par défaut
    c'est génial... je vais essayé de faire "à la sauce du boss",
    je ne suis qu'un stagiaire, le boss veut une listebox pour les départements, mais je vais faire ce que je peux encore merci

    -----éditer---
    j'ai remplacé la première liste par une listebox tout simple avec département ...
    . voila c'est ce que je voulais savoir...
    Mille Merci

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

Discussions similaires

  1. [AC-2010] Remplir des valeurs de champs grace à une liste deroulante
    Par constant51 dans le forum IHM
    Réponses: 4
    Dernier message: 23/12/2010, 12h08
  2. remplir un dictionnaire grace à une boucle
    Par julien25 dans le forum Général Python
    Réponses: 3
    Dernier message: 10/03/2009, 13h49
  3. Remplire un Formulaire via une liste de choix
    Par vincent477 dans le forum VBA Access
    Réponses: 7
    Dernier message: 04/10/2008, 17h15
  4. Réponses: 8
    Dernier message: 06/08/2008, 15h59
  5. Changer l'url d'un lien grace à une liste déroulante
    Par johnstyle dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 08/09/2007, 21h44

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