Textbox et fenêtre 'confirm'

Version imprimable

28/05/2009, 16h24
tomtom_57

Textbox et fenêtre 'confirm'

Bonjour,

J'ai cherché sur le net une solution à mon problème, mais je n'en vois pas.

Voila ce que je souhaite faire:
Dans ma page web, j'ai un textbox. Lorsqu'on remplis ce textbox, une valeur doit se mettre à jour dans la table TABLE_A en base et, si l'utilisateur le souhaite, un élément dans une autre table (TABLE_B) se créé aussi.

J'ai donc lié à ce textbox un évenement OnTextChanged.

Dans le code de cet évenement OnTextChanged, j'aimerai effectuer les opérations suivantes:

1. mettre a jour le champ de la table TABLE_A avec la valeur du Textbox. Là, pas de soucis.

2. demander une confirmation de création d'un nouvel élément en TABLE_B (genre boite de dialogue 'confirm' )

3. si l'utilisatuer est OK, créer un nouvel élément dans TABLE_B.

J'ai essayé d'ajouter un attribut au textbox comme ceci (dans le Page_Load)

Code:

this.maTextBox.Attributes.Add("ontextchanged", return confirm('Oui, ou non?');");

mais aucune boite de dialogue s'affiche. Et quand bien même, je ne sais pas comment récupérer la valeur de retour pour pouvoir tout de même exécuter l'étape 1 et exécuter l'étape 3 en fonction de la réponse utilisateur.

Comment-dois-je faire pour réaliser ceci ?

Merci d'avance!
28/05/2009, 18h21
lutecefalco

Avec this.maTextBox.Attributes.Add, tu ajoutes un attribut JavaScript. Or ontextchanged n'est pas un événement JavaScript.

Perso, je ferais:
1 input type hidden avec runat="server"
1 bouton pour valider la saisie de la textbox
Lorsque que le user clique sur le bouton, ça affiche la ConfirmBox. S'il confirm, tu mets 1 dans l'input hidden, sinon 0.
Tu déclenches le post back.
Côté serveur, tu récupères la valeur de l'input. Si 1 tu fais les 2 ajouts en base, si 0, tu fais que le premier
29/05/2009, 10h06
tomtom_57

Merci, mais justement, j'aurai aimé épargner un clic supplémentaire à l'utilisateur car la textbox se trouve dans un gridview et l'utilisateur peut avoir à modifier plusieurs lignes comme ca :s
29/05/2009, 10h16
lutecefalco

L'événement javascript que tu cherches est OnBlur alors
29/05/2009, 20h29
tomtom_57

J'ai testé avec OnBlur, mais la conformbox que j'appelle n'a aucun effet.
Si je clique sur le bouton "Annuler" de la boite de dialogue, l'évènement TextChanged s'execute quand même :s
02/06/2009, 23h24
Immobilis

Salut,

Quand tu fais afficher la source de ta page dequis IE quel est le code associé à l'évènement?
Perso, je ferais cela sans javascript mais avec une succession d'écran. C'est un peu plus basique, mais à toutes épreuves.

A+

Voici le code ASP / C#:

Code:

1
2
3
4
 
<asp:TextBox ID="tb_Test" runat="server" 
        AutoPostBack="true"
        OnTextChanged="tb_Test_TextChanged" />

Code:

1
2
3
4
5
 
protected void Page_Load(object sender, EventArgs e)
{
    tb_Test.Attributes.Add("onblur", "return confirm('Oui, ou non?');");
}

Code:

1
2
3
4
5
 
public void tb_Test_TextChanged(object sender, EventArgs e)
{
    tb_OutputConsole.Text += "\ntb_Test_TextChanged fired: " + tb_Test.Text;
}

Et voici le code généré (depuis Firefox 3.0.10):

Code:

1
2
 
<input name="ctl00$ContentPlaceHolder1$tb_Test" type="text" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentPlaceHolder1$tb_Test\',\'\')', 0)" onkeypress="if (WebForm_TextBoxKeyHandler(event) == false) return false;" id="ctl00_ContentPlaceHolder1_tb_Test" onblur="return confirm('Oui, ou non?');" />

Quoi que je réponde dans la boite de dialogue, l'évenement tb_Test_TextChanged est exécuté

Le soucis, c'est que dans la réalité, cette textbox est dans une gridview, donc je ne sais pas si je peut opter pour la solution succession d'écrans :s

03/06/2009, 10h35
lutecefalco

T'aurais pu creuser un peu hein :roll:
C'est OnBlur et non onblur
03/06/2009, 11h54
tomtom_57

Ouais, nan mais j'ai essayé aussi avec les majuscules, ça ne change rien: si je clique sur "Annuler", l'évenement OnTextChanged est appelé.

Cà, à la limite, ça ne me dérange pas. Ca m'arrange même, à condition que j'ai un moyen de récupérer la réponse de la confirmbox.
Comment savoir si l'utilisateur a cliqué sur 'OK' ou sur 'Annuler' ?
03/06/2009, 12h30
Immobilis

ce serait pas

Code:

return confirm('Oui, ou non?'); return false;

return false permet de ne pas soumettre.

Je prompose de déplacer le post côté javascript.
03/06/2009, 13h34
tomtom_57

Ca ne marche pas mieux :s

De plus, l'évenement OnBlur ne fonctionne que si on clique à l'extérieur de la textbox une fois modifiée. Mais si on appuie sur entrée, l'évenement 'OnTextChanged' est déclenché, mais pas l'évenement OnBLur.

Donc, ce n'est pas une bonne solution. Imaginons que par habitude, l'utilisateur tape entrée au lieu de cliquer ailleurs, le bon traitement ne se fera pas.
05/06/2009, 17h38
tomtom_57

J'essaye toujours de trouver une réponse sur le web, mais je ne trouve rien. Je ne trouve pas d'evenement correct en javascript pour essayer d'appeler une confirmbox, et quand bien même, la réponse donnée par la confirmbox n'est pas prise en compte...

Si ca se trouve, je cherche trop compliqué, y a-t-il une bonne pratique à suivre pour gérer ce genre de cas ?
08/06/2009, 19h01
tomtom_57

c'est si tordu que çà ce que je souhaite réaliser ? :'(

Salut,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WebForm.aspx.cs" Inherits="WebForm" %>
 
<%@ Register Src="WebUserControl.ascx" TagName="WebUserControl" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
    <script language="javascript" type="text/javascript">
    function fctTest(frm){
        if(confirm('Oui, ou non?'))
        {
            frm.submit();
        }
        else{
            alert(frm.name);
        }
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:TextBox ID="txt" runat="server" OnBlur="fctTest(this.form)"></asp:TextBox>
        </div>
    </form>
</body>
</html>

"confirm" renvoi "true" ou "false". Il faut que ta fonction javascript qui permet de soumettre le formulaire tienne compte de ça. Après ce code est peut-être plus adapté à du html pur que du .Net. A tester...

A+

Effectivement, ca marche un peu mieux.

Dans le code du script, j'aimerai accéder à une checkbox invisible afin de l'initialiser en fonction de ce que l'utilisateur a cliqué. Le soucis, c'est que je n'arrive pas à trouver comment y accéder.

ex:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script language="javascript" type="text/javascript"> function fctTest(frm) { /// initialiser la checkbox [???].cb_hidden.checked = confirm('Oui, ou non?'); } </script> ... <asp:CheckBox ID="cb_hidden" runat="server" visible="false" /> <asp:TextBox ID="tb_Test" runat="server" AutoPostBack="true" OnBlur="fctTest(this.form)" OnTextChanged="tb_Test_TextChanged" />
(Petit détail, je travaille avec une master page, donc je n'ai pas de form ni d'ID de form)