Message de confirmation en JS sur un clique d'une image ASP.NET et C#

**Skloug** · 30/01/2015, 14h23

Hello tout le monde

!

J'ai un petit soucis sur une fonction en JavaScript que j'appelle lors d'un clique de bouton, qui est censé m'afficher une "alerte" représentant un message de confirmation.
En fait, l'utilisateur sélectionne une ligne de mon GridView (qui représente une personne), puis un bouton image "supprimer" apparait (jusque là, tout va bien). Lorsque je clique sur le bouton "supprimer", j'aimerai qu'une box apparaissent avec un jolie message du style ("Êtes-vous certain de vouloir supprimer ce contact?"). Si l'utilisateur répond "Ok", alors une méthode de suppression du contact se lance, sinon rien ne se passe. Le hic, c'est que je pense que je m'y prend de travers. Dans ma page aspx, avant mon body, j'ai ce code en JS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
      function confirmSubmit() {
          var msg = "Etes vous sûr de vouloir supprimer ce contact?";
          if (confirm(msg)) {
              return true;
          } else {
              return false;
          }
      }
    </script>

Ensuite, j'ai un onClick sur une imageButton, avec comme code C#:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
protected void ImageButtonSuppr_Click(object sender, ImageClickEventArgs e)
        {
 
 
            Response.Write("<body><script>return confirmSubmit();</script></body>");
            if(true)
            {
                SupprimerContact();
            }
        }

Donc déjà, mon if(true) n'est pas bon, j'aimerai savoir si vous aviez une idée de comment récupérer la réponse de l'utilisateur, ou du moins ce que retourne la méthode?
Ensuite, avec mon Response.Write, une erreur se produit: "Instruction 'return' en dehors d'une fonction".

Pourtant, quand j'écris ce code dans le Page_Load:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
protected void Page_Load(object sender, EventArgs e)
        {
            ImageButtonSuppr.Attributes.Add("onClick", "return confirmSubmit();");
            if (true)
            {
                SupprimerContact();
            }
 
 
        }

Cela me lance correctement la petite box message. Bon, avec l'erreur "La référence d'objet n'est pas définie à une instance d'un objet" qui est dû au "if(true)" -- et qui n'est pas à écrire je sais...
Le truc, c'est que pour moi, ça "lit le code pour rien", dans le sens qu'au moindre clique, hop, on "recharge" cette méthode donc au niveau du code c'est pas tip-top. J'aimerai que ça se lance vraiment en cliquant juste sur le bouton et pas au chargement de la page..

Je vous remercie par avance de votre aide.

**youtpout978** · 30/01/2015, 15h15

Oui tu t'y prend mal, l'idée c'est de ne pas faire de postback tant que l'utilisateur n'a pas cliqué sur oui, donc ton image devrait seulement appelé la fonction confirmSubmit et c'est elle qui fera le postback.
Déjà pour appeler ta fonction soit tu utilises un image bouton et tu met ce code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

   <asp:ImageButton ID="ImageButton1"  runat="server" ImageUrl="~/Images/heroAccent.png" OnClientClick="confirmSubmit(); return false;" />

le return false permet de ne pas faire de postback, sinon l'autre solution c'est de prendre un composant html classique pour faire ça.
et l'idée c'est que dans ta fonction:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
function confirmSubmit() {
          var msg = "Etes vous sûr de vouloir supprimer ce contact?";
          if (confirm(msg)) {
              return true;
          } else {
              return false;
          }
      }

au lieu du return true tu fait directement un postback, ou tu appel un bouton caché dans la page qui se chargera de faire le postback.

**Skloug** · 30/01/2015, 16h14

Merci pour ton aide youtpout978,

Du coup, je viens de mettre un bouton non visible sur ma page, qui appelle lors du clique la méthode Supprimer(). Le problème c'est comment faire directement un postback à la place du return true de ma fonction JS?
Il faut que j'écrive un truc de ce genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
Document.Formulaire.BoutonCache_Click()

?

En testant, j'ai une erreur du style "Erreur d’exécution JavaScript: Impossible d’obtenir la propriété « BoutonCache_Click » d’une référence null ou non définie".
Je me doute que ce n'est pas de cette manière qu'il faut l'écrire mais du coup comment y faire appel?

**jopopmk** · 30/01/2015, 16h27

Salut,

j'ai dû rater un truc car ça me paraît bien compliquer vos trucs avec 2 boutons.
Voilà comment j'aurais fait (je peux pas confirmer pour l'instant, j'ai pas la version Web de VS sous la main) :
(je considère que l'association de l'event click est faite)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<asp:ImageButton ID="ibtn1" OnClick="ibtn1_Click" runat="server" ImageUrl="image.png" OnClientClick="return confirm('sûr ?');" />

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
protected void ibtn1_Click(object sender, EventArgs e) {
    // delete le truc en question (avec une info du sender pour savoir lequel exactement)
}

**Skloug** · 30/01/2015, 16h40

Et bien, merci beaucoup jopopmk!
C'est fou comme je me complique la vie par moment. Je n'avais même songé à ça. Et tout fonctionne nickel!
Code court, net et précis. Comment passer pour un boulet ^^ !

Merci encore à vous deux!!

Message de confirmation en JS sur un clique d'une image ASP.NET et C#

ASP.NET

Discussions similaires

Partager

Partager