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 :

Pb de déplacement des éléments d'un select à un autre


Sujet :

JavaScript

Vue hybride

enimiste Pb de déplacement des... 07/06/2006, 12h29
javatwister disons que cette ligne... ... 07/06/2006, 12h55
enimiste la fonction javascript... 07/06/2006, 13h21
abdess6600 salut mon enimiste ;) ... 07/06/2006, 19h10
abdess6600 meme si sa parait banal ca... 07/06/2006, 19h11
Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Août 2005
    Messages
    31
    Détails du profil
    Informations forums :
    Inscription : Août 2005
    Messages : 31
    Par défaut Pb de déplacement des éléments d'un select à un autre
    bonjour ts le monde,
    j'ai un problème avec une fonction javascript dont le code est le suivant:

    <SCRIPT LANGUAGE="JavaScript">
    function Deplacer(l1,l2) {
    if (l1.options.selectedIndex>=0) {
    o=new Option(l1.options[l1.options.selectedIndex].text,l1.options[l1.options.selectedIndex].value);
    l2.options[l2.options.length]=o;
    l1.options[l1.options.selectedIndex]=null;
    }else{
    alert("Aucun élément sélectionné");
    }
    }
    </SCRIPT>

    cette fonction déplace les éléments d'une liste (select) à une autre.
    mon prob c'est que les select de mon formulaire sont générées d'une façon dynamique (page jsp d'un projet struts), alors je n'arrive pas à appeler correctement cette fonction soit en mentionnant le nom de l'élément select ou en mentionnant le numéro d'ordre ds le formulaire.les boutons "ajouter" et "supprimer" ci-dessous ne fonctionnent pas.

    voici les formulaire utilisés:

    <form name="card">
    <TABLE width="75%" border="0">
    <TR>
    <TD><TABLE>
    <TR><TD><STRONG> Code Client</STRONG></TD></TR>
    <logic:iterate name="clients" id="client">
    <tr>
    <TD><bean:write name="client" property="clientCode"/></TD>
    </tr>
    </logic:iterate>
    </TABLE></TD>

    <TD><TABLE>
    <TR><TD><STRONG>Code Carte</STRONG></TD></TR>
    <logic:iterate name="cartes" id="cardByClient">
    <TR>
    <TD>
    <% System.out.println("kkkkkk"); %>
    <logic:iterate name="cardByClient" id="card">
    <html:select name="card" property="cardNumber">
    <html:options collection="cardByClient" property="cardNumber" />
    </html:select>
    </logic:iterate>
    </TD>
    </TR>
    </logic:iterate>
    </TABLE></TD>
    </TR>
    </TABLE>
    </form>

    **********************************************
    <html:form action="validerCartes" name="cartesForm" type="com.hps.struts.form.CartesForm">
    <table width="73%" border="0">
    <tr>
    <td><STRONG> Code Carte</STRONG></td>
    </tr>
    <tr>
    <td><select property="cardNumber" multiple="true"></select></td>
    </tr>
    <TR><td><html:submit property="validerCartes" value="OK"/></td></TR>
    </table>
    </html:form>
    *****************************************************
    et voici comment j'appelle la fonction javascript:
    <input type="button" value="Ajouter" onClick="Deplacer(document.forms[0].elements['card'],document.forms[1].elements[0])"/>
    <input type="button" value="Supprimer" onClick="Deplacer(document.forms[1].elements[0],document.forms[0].elements['card'])"/>


    merci d'avance pour votre help.

  2. #2
    Expert confirmé
    Avatar de javatwister
    Homme Profil pro
    danseur
    Inscrit en
    Août 2003
    Messages
    3 684
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Calvados (Basse Normandie)

    Informations professionnelles :
    Activité : danseur

    Informations forums :
    Inscription : Août 2003
    Messages : 3 684
    Par défaut
    disons que cette ligne...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    l2.options[l2.options.length]=o;
    n'est pas pertinente;

  3. #3
    Membre averti
    Inscrit en
    Août 2005
    Messages
    31
    Détails du profil
    Informations forums :
    Inscription : Août 2005
    Messages : 31
    Par défaut
    la fonction javascript fonctionne bel et bien ds d'autres situations (j'ai la testé). mais mon pb ici est dans l'appel de cette fonction, ou son repmacement par une autre qui va m'assurer le déplacement des élément d'un select à un autre.
    et merci

  4. #4
    Membre confirmé
    Inscrit en
    Mai 2005
    Messages
    64
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 64
    Par défaut
    salut mon enimiste

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     l2.options[l2.options.length]=o;
    apparement ce n est pas un zéro c est la lettre o

    Cordialement , abdess6600

  5. #5
    Membre confirmé
    Inscrit en
    Mai 2005
    Messages
    64
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 64
    Par défaut
    meme si sa parait banal ca arrive souvent ce genre de faute d 'innatention

Discussions similaires

  1. ajouter des éléments a un select multiple sans effacer le contenu
    Par ziad251 dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 05/05/2008, 15h11
  2. Passer des éléments d'un select à un autre
    Par yoshï dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 13/03/2008, 11h33
  3. Basculer des éléments d'une liste à l'autre
    Par makohsarah dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 13/07/2007, 12h13
  4. Basculer des éléments d'une liste à l'autre
    Par PAYASS59 dans le forum Général JavaScript
    Réponses: 34
    Dernier message: 11/07/2007, 11h51
  5. Afficher/cacher des éléments de type select en fonction d'autres
    Par GLDavid dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 05/04/2006, 10h06

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