Confirm javascript et lancement vb sub [Résolu]

[BROWNY]

Bonjour,

Voilà j'ai 2 boutons un valider l'autre supprimer
Valider

Code :

1
2
 
<input id="myButton" onclick="this.disabled=true;this.value='Confirmation en cours ...';" type="button" value="Confirmer l'envoi" name="myButton" runat="server" class="btnValidAlignLeft" onserverclick="btnValider_Click" style="width: 220px;" />

ça marche nickel: btnValider_Click côté server s'exécute correctement

Par contre pour la suppression, j'aurais voulu avoir le même comportement sur le bouton supprimer, mais avec une demande de confirmation en plus...

Code :

1
2
 
 <input id="mySupButton" onclick="if (confirm('Voulez vous vraiment supprimer ?')){this.value='Suppression en cours ...';this.disabled=true;return true;}else{return false;}" type="button" value="Supprimer la mise à disposition" name="mySupButton" runat="server"  class="btnValidAlignLeft" onserverclick="btnSupprimer_Click" style="width: 220px;" />

Mon bouton se grise, le texte change, mais ma fonction btnSupprimer_Click côté server ne se lance pas

Quelqu'un pourrait m'aider

[BROWNY]

Code :

1
2
3
 
 <asp:Button id="btnSuppression" runat="server" OnClick="btnSupprimer_Click" OnClientClick="if (confirm('Voulez vous vraiment supprimer ?')){return true;}else{return false;}"
                        Text="Supprimer la mise à disposition" Width="220px" CssClass="btnValidAlignLeft"/>

ce code marche, mais

Code :

1
2
 <asp:Button id="btnSuppression" runat="server" OnClick="btnSupprimer_Click" OnClientClick="if (confirm('Voulez vous vraiment supprimer ?')){this.disabled=true;return true;}else{return false;}"
                        Text="Supprimer la mise à disposition" Width="220px" CssClass="btnValidAlignLeft"/>

Ne marche pas

Le controle se grise mais il n'exécute plus la fonction côté server.

Comment faire ...

[Bovino]

Merci de lire Important : Les règles incontournables d'utilisation de ce forum et de poster le code HTML généré. Ca permettra peut-être à ceux qui ne connaissent pas ASP de comprendre la différence entre OnClick et OnClientClick...

[BROWNY]

Code :

1
2
3
 
<asp:Button id="btnSuppression" runat="server" OnClick="btnSupprimer_Click" OnClientClick="if (confirm('Voulez vous vraiment supprimer ?')){return true;}else{return false;}"
                        Text="Supprimer la mise à disposition" Width="220px" CssClass="btnValidAlignLeft"/>

donne :

Code :

1
2
 
                     <input type="submit" name="ctl00$Contenu$btnSuppression" value="Supprimer la mise à disposition" onclick="if (confirm('Voulez vous vraiment supprimer ?')){return true;}else{return false;};WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$Contenu$btnSuppression", "", true, "", "", false, false))" id="ctl00_Contenu_btnSuppression" class="btnValidAlignLeft" style="width:220px;" />

Ceci un un code qui marche correctement, mais incomplet par rapport à mon besoin

Code :

1
2
 
<asp:Button id="btnSuppression" runat="server" OnClick="btnSupprimer_Click" OnClientClick="if (confirm('Voulez vous vraiment supprimer ?')){this.disabled=true;return true;}else{return false;}" Text="Supprimer la mise à disposition" Width="220px" CssClass="btnValidAlignLeft"/>

qui donne en html généré:

Code :

   <input type="submit" name="ctl00$Contenu$btnSuppression" value="Supprimer la mise à disposition" onclick="if (confirm(&#39;Voulez vous vraiment supprimer ?&#39;)){this.disabled=true;return true;}else{return false;};WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$Contenu$btnSuppression", "", true, "", "", false, false))" id="ctl00_Contenu_btnSuppression" class="btnValidAlignLeft" style="width:220px;" />

[Bovino]

Tu ne remarques pas que dans le code généré, il y a un léger problème de quotes ?

[BROWNY]

Certes

'Voulez vous vraiment supprimer ?&#39

Mais que dois-je faire dans le OnClientClick pour que ça fonctionne correctement?

[BROWNY]

Problème résolu en utilisatn une fonction javascript

Code :

1
2
3
 
  <asp:Button ID="btnSuppression" runat="server" OnClick="btnSupprimer_Click" OnClientClick="return GereSuppression();"
                        Text="Supprimer la mise à disposition" Width="220px" CssClass="btnValidAlignLeft" UseSubmitBehaviour="false"/>

Code :

1
2
3
4
5
6
7
8
9
10
 
function GereSuppression() {
            if (confirm('Voulez vous vraiment supprimer ?')) {
                document.getElementById('myButton').disabled=true;
                return true;
            }
            else{
            return false;
            }
        }