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 :

onClick sur un input type=submit


Sujet :

JavaScript

  1. #1
    Membre confirm�
    Homme Profil pro
    Lyc�en
    Inscrit en
    F�vrier 2013
    Messages
    176
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Orne (Basse Normandie)

    Informations professionnelles :
    Activit� : Lyc�en

    Informations forums :
    Inscription : F�vrier 2013
    Messages : 176
    Par d�faut onClick sur un input type=submit
    Bonjour,

    Je souhaite savoir s'il est possible de faire onClick sur un input type=submit car j'ai une fonction uploadFichier() qui g�re la progression de mon upload via ajax mais, je voudrais aussi que mes donn�es de mes input type=text soient enregistr�es dans ma base via ma requ�te ?

    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    <input id="envoyer" name="envoyer" type="button" value="Enregistrer" onclick="uploadFichier()" />


    de cette fa�on, ma progression ainsi que l'upload se d�roule bien mais comment faire pour soumettre mon formulaire en plus?

    Je vous remercie de votre aide.

  2. #2
    Invit�
    Invit�(e)
    Par d�faut
    Bonjour,

    tu peux aussi traiter ces donn�es via Ajax.

  3. #3
    Membre chevronn�
    Homme Profil pro
    Analyse syst�me
    Inscrit en
    Mai 2014
    Messages
    396
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Arm�nie

    Informations professionnelles :
    Activit� : Analyse syst�me
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Mai 2014
    Messages : 396
    Par d�faut
    Bonjour,

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <form name="mon_formulaire" method="post" action="enregistrer.php">
    ...
    <input id="envoyer" name="envoyer" type="button" value="Enregistrer" onclick="uploadFichier()" />
    ...
    </form>
     
    ...
     
    function uploadFichier() {
    ...
    document.mon_formulaire.submit();
    ...
    }

  4. #4
    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
    en passant par le onsubmit du form ? mais cela semble compliqu� car il y aura rechargement de page du � la soumission ...
    du coup il rets ajax comme d�j� propos�
    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 !

  5. #5
    Membre chevronn�
    Homme Profil pro
    Analyse syst�me
    Inscrit en
    Mai 2014
    Messages
    396
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Arm�nie

    Informations professionnelles :
    Activit� : Analyse syst�me
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Mai 2014
    Messages : 396
    Par d�faut
    Bonjour,

    il y aura rechargement de page du � la soumission
    C'est vrai, je n'y avais pas pens�... Du coup, Ajax est la meilleure solution.

  6. #6
    Expert confirm�

    Homme Profil pro
    D�veloppeur Web
    Inscrit en
    Septembre 2010
    Messages
    5 418
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de D�me (Auvergne)

    Informations professionnelles :
    Activit� : D�veloppeur Web
    Secteur : High Tech - Multim�dia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 5 418
    Par d�faut
    Salut,

    Il y a un exemple ici avec FormData.

    Sinon il y a un module d'upload Ajax tout pr�t ici qui fait tout �a de mani�re transparente mais il me semble t'en avoir d�j� parl�. Tu vois qu'au final d�s que l'on creuse un peu dans les fonctionnalit�s d'un upload ajax, �a prend vite pas mal de temps. Mais c'est bien aussi de faire le code toi-m�me �a permet d'apprendre.

  7. #7
    Membre confirm�
    Homme Profil pro
    Lyc�en
    Inscrit en
    F�vrier 2013
    Messages
    176
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Orne (Basse Normandie)

    Informations professionnelles :
    Activit� : Lyc�en

    Informations forums :
    Inscription : F�vrier 2013
    Messages : 176
    Par d�faut
    Merci, je vais regarder un peu tout �a.

Discussions similaires

  1. Action submit sur un input type image
    Par artenis dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 10
    Dernier message: 23/04/2012, 13h08
  2. Interception onclick sur un input de type bouton
    Par Aerofly dans le forum jQuery
    R�ponses: 5
    Dernier message: 11/01/2012, 09h08
  3. Contour en pointill�s sur input[type=submit]
    Par Ikonic dans le forum Mise en page CSS
    R�ponses: 5
    Dernier message: 05/08/2008, 09h36
  4. [css] input type submit et background-color
    Par krfa1 dans le forum Mise en page CSS
    R�ponses: 5
    Dernier message: 22/09/2005, 11h20
  5. [INPUT TYPE=SUBMIT] Comment modifier la largeur d'1 bouton
    Par Kylen dans le forum Balisage (X)HTML et validation W3C
    R�ponses: 2
    Dernier message: 10/08/2005, 12h27

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