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 :

Soumettre un Formulaire hors du Form


Sujet :

JavaScript

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    94
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 94
    Points : 74
    Points
    74
    Par défaut Soumettre un Formulaire hors du Form
    Bonjour,

    Je cherche une solution pour soumettre un formulaire via un bouton ce situant dans une barre d'icône hors du Form.

    Est ce possible, et si oui comment?

    Merci pour votre aide.

  2. #2
    Expert éminent sénior

    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
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.forms['name_du_form'].submit();
    peut être utilisé partout dans la page.

    A+

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    94
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 94
    Points : 74
    Points
    74
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick="document.forms['Formadmin'].submit();" class="toolbar">
    Ne fonctionne pas, j'ai droit à une erreur :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.forms.Formadmin.submit is not a function
    Merci pour ton aide.

  4. #4
    Expert éminent sénior

    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
    Points : 36 571
    Points
    36 571
    Par défaut
    Citation Envoyé par PseT34 Voir le message
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick="document.forms['Formadmin'].submit();" class="toolbar">
    Ne fonctionne pas, j'ai droit à une erreur
    On peut voir le tag de ton <form> ?

    Quand le JS est lancé via un <a href>, il faut terminer l'instruction par un "return false;"
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick="document.forms['Formadmin'].submit();return false;" class="toolbar">
    Mais mieux vaut utiliser un bouton plutôt que détourner un lien

    Sinon, tu peux utiliser un id (qu'il faudra sûrement ajouter à ton <form>) et faire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.getElementById('id_du_form').submit();
    L'id étant le meilleur moyen pour accéder à un élément de la page ...

    A+

  5. #5
    Membre régulier
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    94
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 94
    Points : 74
    Points
    74
    Par défaut
    Donc j'ai suivi tes conseil en utilisant un ID :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <a href="#" onclick="document.getElementById('myform').submit();" class="toolbar">
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    <form action="index.php" method="post" name="Formadmin" id="myform">
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
     
    document.getElementById("myform").submit is not a function
    onclick(click clientX=1758, clientY=128)index.ph...XcQ%3D%3D (ligne 2)
    [Break on this error] document.getElementById("myform").submit();
    Merci

  6. #6
    Membre émérite
    Inscrit en
    Septembre 2002
    Messages
    2 307
    Détails du profil
    Informations forums :
    Inscription : Septembre 2002
    Messages : 2 307
    Points : 2 814
    Points
    2 814
    Par défaut
    tu dois avoir des boutons qui s'appelle submit.
    Renomme les

  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
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Ton form est peut-être dans une frame ou une popup ?

  8. #8
    Membre régulier
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    94
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 94
    Points : 74
    Points
    74
    Par défaut
    effectivement j'ai un bouton submit, également présent dans mon form.

    En fait j'utilise jquery, qui traite mon submit, afin de faire un insert en BDD du contenus de mon formulaire.

    Tout fonctionne, sauf que si je soumet le formulaire avec mon nouveau bouton hors du form, après la requête SQL, il recharge la page!!!

    Ce qui n'est pas le cas avec un bouton dans le form!!!

    Mais la je Sort du cadre de Javascritp, je considére mon soucis resolu.

    Merci pour votre aide.

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

Discussions similaires

  1. Soumettre un formulaire dans une nouvelle page
    Par Poussy-Puce dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 02/03/2006, 16h42
  2. Réponses: 10
    Dernier message: 02/02/2006, 10h42
  3. Ne pas soumettre le formulaire lorsqu'on presse ENTER
    Par Amnesiak dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 03/01/2006, 10h51
  4. [debutant] deux boutons pour soumettre un formulaire.
    Par rvfranck dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 18/12/2005, 20h52
  5. soumettre un formulaire contenu dans un jeu de cadre
    Par nicoulou dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 02/06/2005, 21h50

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