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

HTML Discussion :

formulaire et javascript


Sujet :

HTML

  1. #1
    Membre confirmé
    Inscrit en
    Juillet 2006
    Messages
    71
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 71
    Par défaut formulaire et javascript
    Bonjour,
    j'utilise du JSTL mais je suppose que pour mon problème, que ce soit avec jstl ou Html c'est la même chose...
    dans un formulaire j'utilise les méthode onChange, pour qu'à chaque modification du champ, je duplique la valeur dans un autre champ...
    je fais par exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type = "text" id="email' />" onChange="duplicate(this.id,'recap_email" />')" name="email' />"  value="@"  />
    Je recupere cette valeur grace à
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <td id="recap_email" ></td>
    Jusque la tout fonctionne directement...
    mon problème arrive lorsque le champ n'est pas un champ texte.
    par exemple pour une liste deroulante et avec ce code
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <select name="<c:out value='${parametre_produit.nom}_format5' />" onChange="duplicate(this.id,'<c:out value="${parametre_produit.nom}_recap_format5" />')" id="<c:out value='${parametre_produit.nom}_format5' />">
    							<c:forEach var="choix" items="${parametre_produit.listeFormatParametre}">
                                      <option value="<c:out value="${choix.libelle}"/>"><c:out value="${choix.libelle}" escapeXml='false'/></option>
    							</c:forEach>
    							</select>
    et ce code pour afficher
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    		<td id="<c:out value='${parametre_produit.nom}_recap_format5' />" class="tdFormTxtLight"></td>
    ca ne marche pas...

    mes questions sont donc :
    Déjà, ai je une erreur dans mon code?
    Doit on utiliser la méthode onChange pour chaque type de champ?

    D'avance, merci!!

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Merci de supprimer le code serveur et de ne donner que le code HTML.

  3. #3
    Membre confirmé
    Inscrit en
    Juillet 2006
    Messages
    71
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 71
    Par défaut
    Qu'appelles tu par code serveur?

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Les trucs du genre :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <c:out value='${parametre_produit.nom}_format5' />
    qui ne sont donc pas du HTML.
    Ce qu'on veut ici, c'est le code généré, celui que tu peux voir en regardant la source de ton navigateur.
    Merci de lire les règles.

  5. #5
    Membre confirmé
    Inscrit en
    Juillet 2006
    Messages
    71
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 71
    Par défaut
    ah ok...
    Je vais le faire pour les boutons radios, ou je rencontre le même problème...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <input id="nom param produit 6 _radio" type="radio" value="libelle param produit 6" onchange="duplicate(this.id,'nom param produit 6 _recap_radio')" name="nom param produit 6 _radio"/>
     libelle param produit 6
    <input id="nom param produit 6 _radio" type="radio" value="red" onchange="duplicate(this.id,'nom param produit 6 _recap_radio')" name="nom param produit 6 _radio"/>
     red
    <input id="nom param produit 6 _radio" type="radio" value="yallow" onchange="duplicate(this.id,'nom param produit 6 _recap_radio')" name="nom param produit 6 _radio"/>
     yallow
    Le champ ou je duplique la valeur
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <td id="nom param produit 6 _recap_radio" class="tdFormTxtLight"></td>
    Mon probleme pour ce cas est que quelquesoit la case que je coche, j'ai tout le temps "libelle param produit 6" , il n'est pas mis par defaut ni rien...

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Et si tu enlèves les espaces dans tes id ?

  7. #7
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Citation Envoyé par Bisûnûrs Voir le message
    Et si tu enlèves les espaces dans tes id ?
    D'une part, et d'autre part, un id doit être unique dans une page !
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  8. #8
    Membre confirmé
    Inscrit en
    Juillet 2006
    Messages
    71
    Détails du profil
    Informations forums :
    Inscription : Juillet 2006
    Messages : 71
    Par défaut
    ok merci je vais tester...

  9. #9
    Membre éclairé Avatar de EIN-LESER
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2008
    Messages
    703
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Service public

    Informations forums :
    Inscription : Mai 2008
    Messages : 703
    Par défaut
    J'esper que je vais pas dire une betise mais en html en tout cas quand tu veux donner a plusieures balises le meme nom tu pass pas class et non par id.
    Un id est par definition unique sur une page.

Discussions similaires

  1. Tester un formulaire en Javascript
    Par amnesias dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 18/11/2006, 14h36
  2. Formulaire en Javascript traité par du Javascript lui même
    Par bonjour69 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 14/11/2006, 22h00
  3. demander saisi avant validation formulaire en javascript
    Par calitom dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 25/10/2006, 15h33
  4. Impossible d'envoyer un formulaire avec javascript
    Par Mimi Bulles dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 14/11/2005, 20h37

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