Bonjour,

J'aurais besoin d'un conseil pour un problème de fermeture et d’ouverture de div...
Au fait j'ai utilisé <details> et <summary> pour plier et déplier des divisions. A l’intérieur de mes divisions j'ai des textbox.
L'utilisateur peut saisir une valeur dans les textbox et fermer par la suite les divisions.

Je ne sais pas comment faire pour ouvrir les divisions au clic sur un bouton si les textbox ne sont pas vides.
Voici une partie de mon code:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
 
 
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <link href="CSS.css" rel="stylesheet" />
 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
 
    <script src="Scripts/details.polyfill.src.js"></script>
 
    <script type="text/javascript">
        function openDiv() {
            $(document).ready(function () { 
                $('#Button1').click(function () { 
                    if ($('[id$=txtRef]').val().length > 0) { 
                        $('[id$=detail1]').attr("open", "open");
                    }
                    if ($('[id$=txtDate]').val().val().length != 0) { 
                        $('[id$=detail2]').attr("open", "open"); 
                    }
                });
            });
        }
    </script>
 
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="LeftContentPlaceHolder" runat="server">
    <table>
        <tr>
            <td>N° test </td>
            <td>
                <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="openDiv();" />
 
            </td>
        </tr>
 
    </table>
    <details id="detail1">
        <summary> Caractéristiques1</summary>
        <table>
            <tr>
                <td>Réference</td>
                <td>
                    <asp:TextBox ID="txtRef" runat="server"></asp:TextBox>
                </td>
            </tr>
        </table>
    </details>
 
    <details id="detail2">
        <summary>Caractéristiques2</summary>
        <table>
            <tr>
                <td>Date1</td>
                <td>
                    <asp:TextBox ID="txtDate" runat="server"></asp:TextBox>
                </td>
            </tr>
        </table>
    </details>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="MainContentPlaceHolder" runat="server">
</asp:Content>