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 :

Comment ça marche this.form.submit() ?


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Inscrit en
    Mars 2006
    Messages
    4
    Détails du profil
    Informations forums :
    Inscription : Mars 2006
    Messages : 4
    Par défaut Comment ça marche this.form.submit() ?
    Salut,

    J'ai le problème suivant: je dois soumettre un formulaire à chaque fois que un élément dans une liste déroulante est sélectionné. Cela pour pouvoir changer un'image affichée. De cette façon la page est rechargée et je peux changer l'image par rapport au choix fait.

    1ère solution:
    J'ai trouvé cette fonction: onchange="this.form.submit ()" que j'ai inclus dans mon code:

    <form name="form1" method="post" action="achat.php">
    .......
    <select name="couleur" onchange="javascript:this.form.submit()">

    Le problème est que quand je sélectionne un des éléments de mon menu déroulant rien se passe.
    Comment ça marche this.form.submit() ? Il faut rajouter quelque chose ?

    2ème solution:
    J'ai trouvée cette autre solution:
    ....
    <script language ="JavaScript">
    <!--
    function change() {
    var destination = "achat.php";
    location = destination;
    }
    ....
    <select name="couleur" onchange="change()">

    Mais dans ce cas la page est rechargée mais le formulaire pas soumis.

    Merci
    Iro

  2. #2
    Membre confirmé Avatar de ashurai
    Profil pro
    Inscrit en
    Juillet 2004
    Messages
    144
    Détails du profil
    Informations personnelles :
    Âge : 44
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations forums :
    Inscription : Juillet 2004
    Messages : 144
    Par défaut
    essai plutot en marquant

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.NOMDETONFORMULAIRE.submit();

  3. #3
    Expert confirmé

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : Canada

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

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Par défaut Re: Comment ça marche this.form.submit() ?
    Citation Envoyé par iro2
    Le problème est que quand je sélectionne un des éléments de mon menu déroulant rien se passe.
    Et quand tu en selectionnes un autre que le premier que tu as selectionné?

  4. #4
    Membre émérite Avatar de Hervé Saladin
    Homme Profil pro
    Ingénieur d'études en développement et déploiement d'applications
    Inscrit en
    Décembre 2004
    Messages
    647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur d'études en développement et déploiement d'applications
    Secteur : Service public

    Informations forums :
    Inscription : Décembre 2004
    Messages : 647
    Par défaut
    Salut,
    essaye avec :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <select name="couleur" onchange="javascript:this.forms['monform'].submit();">
    en remplaçant monform par le nom de ton formulaire (=la valeur de son attribut name)

  5. #5
    Expert confirmé

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : Canada

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

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Par défaut
    Citation Envoyé par Hervé Saladin
    Salut,
    essaye avec :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <select name="couleur" onchange="javascript:this.forms['monform'].submit();">
    en remplaçant monform par le nom de ton formulaire (=la valeur de son attribut name)
    Euh, javascript, ça sert à rien.

    Et si tu veux utiliser forms, faux passer par le document:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <select name="couleur" onchange="document.forms['monform'].submit();">
    Mais je suspecte plus un problème sur la compréhension de onchange que réellement sur l'execution de la méthode.

  6. #6
    Membre émérite Avatar de Hervé Saladin
    Homme Profil pro
    Ingénieur d'études en développement et déploiement d'applications
    Inscrit en
    Décembre 2004
    Messages
    647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur d'études en développement et déploiement d'applications
    Secteur : Service public

    Informations forums :
    Inscription : Décembre 2004
    Messages : 647
    Par défaut
    Euh, javascript, ça sert à rien.
    Euh, oui c'est vrai.

    Et si tu veux utiliser forms, faux passer par le document
    dans l'hypothèse où tu écris du code directement dans le corps de la page, this fait référence à l'objet document, donc ça revient au même

  7. #7
    Expert confirmé

    Avatar de denisC
    Profil pro
    Développeur Java
    Inscrit en
    Février 2005
    Messages
    4 050
    Détails du profil
    Informations personnelles :
    Âge : 45
    Localisation : Canada

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

    Informations forums :
    Inscription : Février 2005
    Messages : 4 050
    Par défaut
    Citation Envoyé par Hervé Saladin
    dans l'hypothèse où tu écris du code directement dans le corps de la page, this fait référence à l'objet document, donc ça revient au même
    Ben là, non. this fait référence a l'objet actuel, celui qui a déclenché le onchange, donc le select....

  8. #8
    Membre émérite Avatar de Hervé Saladin
    Homme Profil pro
    Ingénieur d'études en développement et déploiement d'applications
    Inscrit en
    Décembre 2004
    Messages
    647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur d'études en développement et déploiement d'applications
    Secteur : Service public

    Informations forums :
    Inscription : Décembre 2004
    Messages : 647
    Par défaut
    hmmmm, tu me fais douter ...
    je vérifie

  9. #9
    Membre émérite Avatar de Hervé Saladin
    Homme Profil pro
    Ingénieur d'études en développement et déploiement d'applications
    Inscrit en
    Décembre 2004
    Messages
    647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur d'études en développement et déploiement d'applications
    Secteur : Service public

    Informations forums :
    Inscription : Décembre 2004
    Messages : 647
    Par défaut
    ah tiens, oui
    en y reflechissant bien, chuis bête parceque c'est logique en plus
    bon ben j'aurais encore appris quelque chose aujourd'hui

Discussions similaires

  1. pb avec un 'this.form.submit();'
    Par soad029 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 30/10/2006, 00h52
  2. Comment sysnchronier 2 document.form.submit
    Par marti dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 07/07/2006, 10h24
  3. this.form.submit ne marche pas ... et pourtant
    Par misarod dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 21/12/2005, 17h40
  4. onChange="this.form.submit();" marche pas sous IE
    Par Death83 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 25/09/2005, 11h05
  5. pb de fonction simple (this.form.submit()..)
    Par petitsims dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 14/01/2005, 09h29

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