Confirm javascript et lancement vb sub

Version imprimable

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 :calim2:

Quelqu'un pourrait m'aider :ccool:

j'avance

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 :calim2:

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

Comment faire ...

27/01/2012, 17h01
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...

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('Voulez vous vraiment supprimer ?')){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;" />

30/01/2012, 09h47
Bovino

Tu ne remarques pas que dans le code généré, il y a un léger problème de quotes ? :aie:
31/01/2012, 14h48
Pelote2012

Certes

Citation:

'Voulez vous vraiment supprimer ?&#39

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

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;
            }
        }