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 :

submit() apres un disabled


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    46
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 46
    Par d�faut submit() apres un disabled
    Bonjour,
    J'ai d�velopp� un logiciel en PHP, mon probl�me �tant que parfois les utilisateurs click 2 fois sur un bouton car le serveur met parfois un peu de temps � r�pondre. du coup, les fonctions sont parfois lanc� 2 fois, donc 2 entr�es dans la base de donn�es.je voudrais donc d�sactiver le bouton tant que la page n'a pas fini de charger. j'ai trouv� quelque chose de fonctionnel avec javascript :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    <? echo $_POST['FinPause']; ?>
    <form action='liste.php' method='post' id='form'>
    <input type='submit' name='FinPause' value='FinPause' style='width:200px; height:50px' id='FinPause' OnClick='this.disabled=1; submit();' />
    </form>
    �a marche parfaitement, mon bouton est gris� jusqu'a ce que la page ai fini de charger, mais le probl�me est que ce qui est dans mon form n'est pas envoy� � la page liste.php. si je fais :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <input type='submit' name='FinPause' value='FinPause' style='width:200px; height:50px' id='FinPause' OnClick='submit();' />
    je recupere bien mon $_POST['FinPause']. si je fais :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <input type='submit' name='FinPause' value='FinPause' style='width:200px; height:50px' id='FinPause' OnClick='this.disabled=1;' />
    mon bouton est bien gris�. l'association des 2 ne marche par contre pas.
    j'ai essay� de passer par une fonction :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <head>
    <SCRIPT language="Javascript">
    function Chargement() {
    	document.getElementById('FinPause').disabled = 'disabled';
    	document.forms["form"].submit();
    }
    </SCRIPT>
    </head>
    <body> 
    <? echo $_POST['FinPause']; ?>
    <form action='liste.php' method='post' id='form'>
    <input type='submit' name='FinPause' value='FinPause' style='width:200px; height:50px' id='FinPause' OnClick='Chargement();' /></form>
    </body>
    Le probl�me reste le m�me. est-il possible de faire l'envoie de ma form par javascript? car finalement, des que je met OnClick='this.disabled=1;', c'est comme si le type du bouton n��tait plus un submit. il ne charge la page qu'en rajoutant submit, et les donn�es ne sont pas envoy�.
    Merci d'avance de votre aide!

  2. #2
    Membre exp�riment� Avatar de Doopeijii
    Homme Profil pro
    D�veloppeur informatique
    Inscrit en
    Avril 2012
    Messages
    215
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 32
    Localisation : France, Orne (Basse Normandie)

    Informations professionnelles :
    Activit� : D�veloppeur informatique
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Avril 2012
    Messages : 215
    Par d�faut
    Tu peux appeler un fonctions js qui commence par griser ton bouton puis qui r�cup�re les donn�es de ton formulaire et se charge de les soumettre � un script php! Tu n'as plus besoin d'un submit mais juste d'un button le js se charge du reste !

  3. #3
    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 : 55
    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
    Tout d'abord, mettre submit() dans un bouton de type submit n'a aucun sens !

    Ensuite, tu te trompes au niveau de l'enchainement des �v�nements.
    Lorsque tu cliques sur le bouton, tu le d�sactives (et un input d�sactiv� n'est pas transmit) puis le formulaire est soumis, c'est le contraire qu'il faut faire :
    Code html : S�lectionner tout - Visualiser dans une fen�tre � part
    <form onsubmit="document.getElementById('FinPause').disabled = true">
    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

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    46
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 46
    Par d�faut
    D�sol� pour la r�ponse tardive, week end oblige. Merci pour vos r�ponse.
    Je replonge donc dans mon code en essayant ton code Bovino :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    <? echo $_POST["FinPause"]; ?>
    <form action="liste.php" method="post" id="form" OnSubmit="document.getElementById('FinPause').disabled = 'disabled'" >
    <input type="submit" name="FinPause" value="FinPause" style="width:200px; height:50px" id="FinPause" />
    </form>
    Malheureusement, il n'est pas efficace il ne fait pas le submit et ne grise pas le bouton.
    En suivant tes conseil, j'ai tent� de mettre l'envoie du formulaire avant de d�sactiver le bouton :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    5
     
    function Chargement() {
      document.forms['form'].submit();
      document.getElementById('FinPause').disabled = "disabled";
    }
    Le probl�me reste le m�me. Je me demande si il n'attend pas que le formulaire soit transmit avant de d�sactiver le bouton, solution qui ne me conviendrais pas vraiment, puisque je veux justement �viter que l'utilisateur envoie plusieurs fois le formulaire.
    Merci encore de votre aide!
    EDIT : J'ai oubli� de pr�ciser que je travaille sous op�ra, et je viens de me rendre compte que le javascript ne fonctionne pas correctement avec ce navigateur. je refais des tests avec firefox...

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    46
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 46
    Par d�faut
    Je reposte une r�ponse suite � mes tests sur firefox :
    j'ai tent� le code suivant :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    4
    <? echo $_POST["FinPause"]; ?>
    <form method="post" onsubmit="document.getElementById('FinPause').disabled = true">
    <input type="submit" name="FinPause" value="FinPause" >
    </form>
    cela ne grise pas le bouton.
    J'ai trouv� quelque chose d'efficace, a un d�tail pr�s :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <input type="submit" value="Fin Pause" name="FinPause" onClick="this.form.submit();this.disabled=true;this.value='Patientez...'" />
    �a marche tr�s bien, malheureusement j'ai vu que lors de l'utilisation de submit(), la valeur du bouton n'est pas transmise. De plus, comme l'a dit Bovino, faire un submit dans un bouton submit... bref, j'ai presque trouver une solution en mettant la valeur du bouton dans un type hidden. le probleme est que dans mon formulaire, j'ai 3 boutons, et qu'en fonction du bouton click�, je n'effectue pas les m�me actions. du coup, le type hidden marche si je n'ai qu'un bouton, pas si j'en ai plusieurs. existe t-il une solution pour ce probleme?
    Merci!

  6. #6
    Membre exp�riment� Avatar de Doopeijii
    Homme Profil pro
    D�veloppeur informatique
    Inscrit en
    Avril 2012
    Messages
    215
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    �ge : 32
    Localisation : France, Orne (Basse Normandie)

    Informations professionnelles :
    Activit� : D�veloppeur informatique
    Secteur : High Tech - �diteur de logiciels

    Informations forums :
    Inscription : Avril 2012
    Messages : 215
    Par d�faut
    Ton hidden ne marche que pour un bouton... �a veut dire? Que quand tu te sers de tes autres boutons il n'est pas envoy�?
    Si c'est �a, il a une valeur par d�faut ton hidden? On peut voir le code?

  7. #7
    Membre averti
    Profil pro
    Inscrit en
    Mars 2007
    Messages
    46
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2007
    Messages : 46
    Par d�faut
    En faite, en fonction du bouton click� (donc de la pr�sence de $_POST['Bouton1'], $_POST['Bouton2'], $_POST['Bouton3']... ) je faisais une action pr�cise. si je mettais un hidden, le probleme est que peut importe le bouton, il est toujours pr�sent.
    Mais j'ai trouver une solution! Je met un hidden vide de la fa�on suivante :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    <input type='hidden' name='BoutonEnvoyer' value=''>
    puis dans chacun de mes boutons, je rajoute le code javascript suivant pour remplir la valeur de l'hidden :
    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    onclick='BoutonEnvoyer.value="bouton1";form.submit();this.disabled=true;this.value="Patientez..."'
    onclick='BoutonEnvoyer.value="bouton2";form.submit();this.disabled=true;this.value="Patientez..."'
    onclick='BoutonEnvoyer.value="bouton3";form.submit();this.disabled=true;this.value="Patientez..."'
    et j'arrive � r�cup�rer quel bouton a �t� click� avec $_POST['BoutonEnvoyer'].
    Voila, merci de votre aide!

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. R�ponses: 5
    Dernier message: 19/02/2013, 08h55
  2. R�ponses: 2
    Dernier message: 29/09/2009, 17h21
  3. comme Google : Faire un submit apr�s ENTREE
    Par gomodo dans le forum G�n�ral JavaScript
    R�ponses: 9
    Dernier message: 21/05/2008, 17h40
  4. Probleme lors d'un auto submit apres requette
    Par avogadro dans le forum Langage
    R�ponses: 2
    Dernier message: 30/11/2006, 08h39
  5. R�cup�rer la valeur du bouton Submit apr�s un contr�le en js
    Par DadaWeb dans le forum G�n�ral JavaScript
    R�ponses: 12
    Dernier message: 18/01/2006, 12h53

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