Déplier une DIV après CLIC

(reprise du message précédent)

Merci du conseil j'en prend note !

Bonjour,
Merci pour vos conseils.
Pouvez-vous m'aider pour résoudre mon problème je suis bloquée depuis avant hier.

Mon besoin est le suivant:

avoir des blocs contenant des textbox par défaut les blocs sont fermés.
L'utilisateur ouvre un ou plusieurs blocs pour saisir des données, il peut fermer les blocs à la fin de sa saisie.
A la fin au clic sur un bouton il faut tester si les textbox ne sont pas vides dans ce cas il faut ouvrir les blocs pour voir les données saisies.


Merci

Celine, je t'ai deja fourni du code qui marche, et Niuxe t'a également répondu, est tu sur de comprendre ce qu'il a dit ? ou d'avoir bien adapter mon code ?

Merci pour ton retour.
J'ai adapté le code mais je n'arrive pas à le faire fonctionner sur IE11.
Sur Chrome j'ai un bon résultat.

Ah....

IE 11.....

Au contraire, IE11 est un navigateur correct. On ne peut pas lui en demander beaucoup, mais sur ce genre de sujet, il n'y a pas du tout de souci.

Celine, peux tu poster ton code stp ? Il doit y avoir des pétouilles. As tu validé ta page ? Je rappelle que IE est un navigateur qui demande une syntaxe plus strict.

Une question me court un peu. Pourquoi utilises tu un tableau dans ton formulaire ?

Je vois bien qu'il y a des tag asp pour tes champs textes (enfin je suppose). Il faudrait que

<<<EDIT
la fatigue me joue des tours... (cette semaine, 2 jours où j'ai dormi 4 heures au total) J'ai dit des bétises. Detail et summary existent bien ! Mais attention, il n'y a pas beaucoup de compatibilité. IE, n'aimera pas. Il y a bien ton script qui accepte les éléments. Mais comme je l'ai dit, je le déconseille (javascript intrusif !)
Ce que je ferai pour detail , j'utiliserai soit un section ou article ou div. Ensuite, j'ajouterai une class.
Pour summary, un petit div.

De mémoire, j'ai validé la page et j'ai récupéré des erreurs il me semble.

EDIT;
Modifié par niuxe (24 Jul 2015 - 22:35)

Bonjour,
Merci pour ta réponse. J'ai téléchargé un script sur internet pour les éléments details et Sommary parce qu'ils ne sont pas connus par IE. Et ça fonctionne correctement.
Lundi je vous poste mon code il est au travail.

Bon week end a vous tous.

Bonjour,

Voici mon code.

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <link href="../Styles/MainStyle.css" rel="stylesheet" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
    <script src="../Styles/details.polyfill.src.js"></script>
    <script type="text/javascript">
        $(document).ready(function () { //
            $('[id$=btnValider]').click(function () {
                $('input[type=text]').each(function () {
                    if (this.value == "") {
                        $('[id$=detail1]').attr("open", "open");
                    }

                });
                return false;
            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="LeftContentPlaceHolder" runat="server">
    <div id="contenuPage">
        <table>
            <tr>
                <td>N° de facture: </td>
                <td>
                    <asp:TextBox ID="txtNumFacture" runat="server"></asp:TextBox></td>

                <td class="tdBtnEnvoyer">
                    <asp:Button ID="btnValider" runat="server" Text="Button" CssClass="btnEnvoyer" />

                </td>
            </tr>
        </table>
        <details id="detail1">
            <summary id="sum1">Caractéristiques1</summary>
            <table>

                <tr>
                    <td>Réference :</td>
                    <td>
                        <asp:TextBox ID="txtRef" runat="server"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>Annee :</td>
                    <td>
                        <asp:TextBox ID="txtAnnee" runat="server"></asp:TextBox>
                    </td>
                </tr>

            </table>
        </details>
        <details id="Details2">
            <summary id="Sum2">Caractéristiques2</summary>
            <table>
                <tr>
                    <td>Date1 :</td>
                    <td>
                        <asp:TextBox ID="txtDate1" runat="server"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td>Date2 :</td>
                    <td>
                        <asp:TextBox ID="txtDate2" runat="server"></asp:TextBox>
                    </td>
                </tr>
            </table>
        </details>
    </div>
</asp:Content>

Niuxe: la propriété "data" ne fonctionne pas dans avec mon code.
j'utilise des tableaux pour bien aligner mes champs de saisies j'en ai beaucoup.
Je travaille sur Visual Studio VB.NET et j'utulise des <Textbox>

Merci pour votre aide.

Moi je suis désolé, je ne peux plus t'aider sur ce sujet.

Je n'ai JAMAIS mélanger le VB.NET et le html/JS. je savais, à la base, même pas que cela était possible

Bonne continuation
Modifié par JENCAL (27 Jul 2015 - 11:44)

Bonjour,

Merci JENCAL
Modifié par celine11 (27 Jul 2015 - 12:39)