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 :

[Formulaire] Submit un objet precis


Sujet :

JavaScript

  1. #1
    Membre éclairé Avatar de Katachana
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Avril 2007
    Messages : 755
    Par défaut [Formulaire] Submit un objet precis
    bonjour,

    Lors de mon Submit de mon formulaire, si je met une fonction javascript dans l'option Onclick et que le bouton soit de type Button et non Submit , je ne récupère pas d'informations sur ce bouton.

    est-il possible de réaliser une action du type this.form.bouton.submit() ?

    Si j'utilise un bouton du type submit, tout marche bien mais l'action dans le onClick nest pas pris en compte (réinitialisation du formulaire dans mon cas). Je n'ai pas trouvé d'autre méthode pour réinitialiser le formulaire.

    Merci d'avance

  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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    utilise le onsubmit du bouton submit ?
    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
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Citation Envoyé par Katachana Voir le message
    mais l'action dans le onClick nest pas pris en compte (réinitialisation du formulaire dans mon cas). Je n'ai pas trouvé d'autre méthode pour réinitialiser le formulaire.
    Il te faut passer ta fonction de réinit() dans le onsubmit du form (jamais dans le onclick d'un type submit).
    Le onsubmit devra faire un "return false;" pour bloquer le submit ...

    A+

  4. #4
    Membre éclairé Avatar de Katachana
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Avril 2007
    Messages : 755
    Par défaut
    le onsubmit provoque une action qui sera exécuté après le submit des valeurs/infos ??


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="submit" value="Sauvegarder" name="bouton_sauvegarder" onsubmit="javascript:window.location.href='?p=61002'" style="width: 80px;"/>

    Cela ne me redirige pas vers la page souhaité

  5. #5
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Heu ... ceci dit, pas la peine de réinventer l'eau chaude
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="reset" value="On essaye ?">


    A+

  6. #6
    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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    non avant le submit ...

    après ce n'est pas possible car le submit appelle une autre page dans action donc tu auras quitté la page du form
    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 !

  7. #7
    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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    oui Ebzz mais tu ne pourras pas réinitialiser un formulaire dasn le onsubmit ^^ sinon tu ne recevras toujours que les valeurs par défaut ...
    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 !

  8. #8
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par SpaceFrog Voir le message
    oui Ebzz mais tu ne pourras pas réinitialiser un formulaire dasn le onsubmit ^^ sinon tu ne recevras toujours que les valeurs par défaut ...
    Oui, ça supposait un contrôle supplémentaire (pour lancer soi le reinit() soi le submit() )

    Mais le type="reset" ci-dessus devrait régler le problème, non ?

    A+

  9. #9
    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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    ben non puisqu'a priori il veut faire le reste àprès le submit ...

    Parcontre ceci devrait marcher ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onload="document.forms[0].reset()"
    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 !

  10. #10
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    OK : c'est moi qui n'avait pas vu les choses dans le bon ordre

    EDIT : ceci dit, au chargement, il est censé être déjà "reseté", le form ...

    A+

  11. #11
    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 659
    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 659
    Billets dans le blog
    1
    Par défaut
    LOL un partout

    un popup.close vs un form.reset
    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 !

  12. #12
    Membre éclairé Avatar de Katachana
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Avril 2007
    Messages : 755
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onload="document.forms[0].reset()"
    Que signifie le "[0]"?
    Je dois l'ajouter dans les propriétés du bouton Submit ??

    EDIT : ceci dit, au chargement, il est censé être déjà "reseté", le form ...
    Non apres le submit mon formulaire garde les valeurs qui ont été transmises via le submit dans ces champs.


    Pour le traitement des informations de mon formulaire j'utilise ceci ;
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    if(isset($_POST['bouton_save']))

  13. #13
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Katachana Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    onload="document.forms[0].reset()"
    Que signifie le "[0]"?
    Le 1° form du document. A remplacer par le name du form si tu en a plusieurs dans le document, car l'ordre (le 0) n'est pas maitrisable ...
    Je dois l'ajouter dans les propriétés du bouton Submit ??
    Pas besoin ...
    Non apres le submit mon formulaire garde les valeurs qui ont été transmises via le submit dans ces champs
    Effectivement

    Citation Envoyé par SpaceFrog Voir le message
    LOL un partout

    un popup.close vs un form.reset
    Score validé

    A+

  14. #14
    Membre éclairé Avatar de Katachana
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Avril 2007
    Messages : 755
    Par défaut
    Le principe serait donc ca ?

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <form  action="?p=61002" method="post" name="form" id="form" onload="document.form.reset()">

  15. #15
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Non : dans la page cible du <form> (celle appelée au submit) :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <body onload="document.forms[0].reset()">
    ou
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <body onload="document.forms['name_du_form'].reset()">
    si plusieurs form ...

    A+

  16. #16
    Membre éclairé Avatar de Katachana
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Avril 2007
    Messages : 755
    Par défaut
    est ce que cela est possible dans une div ?
    En fait je developpe un module et n'interviens que dans une div et non tous le body , donc n'est pas acces au body

  17. #17
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Katachana Voir le message
    est ce que cela est possible dans une div ?
    As-tu essayé ?
    Sinon, commence par là ...

    A+

  18. #18
    Membre éclairé Avatar de Katachana
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    755
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Avril 2007
    Messages : 755
    Par défaut
    Oui j'ai essayé d'affiché un simple pop up appelé par une fonction et ca ne marche pas ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="tab1" class="tab" onload='javascript:init()'>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function init(){
    alert("BINGO");
    }

  19. #19
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Katachana Voir le message
    Oui j'ai essayé d'affiché un simple pop up appelé par une fonction et ca ne marche pas ...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <div id="tab1" class="tab" onload='javascript:init()'>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    function init(){
    alert("BINGO");
    }
    Ah oui, mais non : onload c'est uniquement sur <body>.
    Par contre, ton <form> peut être dans un div (c'est en fait ce que j'avais compris).

    A+

Discussions similaires

  1. [Formulaire] submit & popup
    Par Ema*h dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 13/07/2007, 12h06
  2. abérration formulaire submit()
    Par taffMan dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 14/05/2007, 17h04
  3. Formulaire + submit=tâche ant
    Par zent dans le forum ANT
    Réponses: 2
    Dernier message: 25/01/2007, 00h19
  4. Réponses: 1
    Dernier message: 12/12/2005, 16h11
  5. Formulaire - lien JS - objet Null ou pas objet...
    Par Romalafrite dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 17/10/2004, 14h08

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