Discussion :

[samiou_]

Bonjour,

J'ai crée des DIV qui se plient et se déplient avec des champs de saisie à l’intérieur de chaque DIV. J'ai utilisé les Eléments <Details> et <Summary>.

L'utilisateur peut saisir un champ à l’intérieur d'une DIV et déplier la DIV par la suite.

Le problème, c'est que je ne sais pas comment faire pour déplier une DIV après le clic sur un bouton si la DIV contient un champ de saisie renseigné par l'utilisateur.


Pièce jointe 183520


VB.NET / HTML5 / CSS / Jquerry

Merci pour votre aide.

[danielhagnoul]

Pièce jointe spécifié(e) non valide.

[samiou_]

Bonjour,

Ci-joint l'image.



Merci pour votre aide.

[samiou_]

Bonjour,

Voici une partie du 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="ContentPlaceHolder" 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>

Quelqu’un a une idée.