Discussion :

[Stuckly]

Bonjour à tous,

je suis débutant en asp.net et j'aimerais avoir une page avec des news. Lorsque je clique sur le titre d'une news j'aimerais que son contenu soit déployé s'il est caché et inversement.

J'ai parfaitement réussi à le faire avec du javascript mais la limite étais que j'avais mis en dur le nombre de panel dans ma page. J'ai donc fait un système qui génère automatiquement le nombre de panel en fonction du nombre de news:

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
 clsDatabase db = new clsDatabase();
        List<clsNews> lstNews = new List<clsNews>();
 
        /*
         *  Récupération des actualités.
         */
 
        lstNews = db.getNews(10);
 
        foreach (clsNews news in lstNews)
        {
            Panel p = new Panel();
            p.CssClass = "clsBlocContentItemNews";
 
            Panel title = new Panel();
            title.CssClass = "clsBlocContentItemNewsTitle";
            Label lblTitle = new Label();
            lblTitle.Text = news.Titre;
            title.Controls.Add(lblTitle);
 
            Panel content = new Panel();
            content.CssClass = "clsBlocContentItemNewsContent";
            Label lblContent = new Label();
            lblContent.Text = news.Contenu;
            content.Controls.Add(lblContent);
 
            Panel footer = new Panel();
            footer.CssClass = "clsBlocContentItemNewsFooter";
            Label lblFooter = new Label();
            lblFooter.Text = news.Auteur + ", le " + news.Date + ".";
            footer.Controls.Add(lblFooter);
 
            content.Visible = false;
            p.Controls.Add(title);
            p.Controls.Add(content);
            p.Controls.Add(footer);
 
            panNews.Controls.Add(p);            
        }

tout ceci dans ma page c#. Le problème c'est que je ne vois pas comment intégrer mon javascript dans tout ça... Comment avoir des panels générés automatiquement et leur associer un contrôle "onclick" ?

Merci et bonne journée.

[micka132]

Si tu utilies Jquery, tu peux faire ceci:

Code :

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

1
2
3
4
5
6
7
 
$(document).ready(function(){
 
    $('.clsBlocContentItemNews').click(function(e) {  
        //Ton traitement
    });
});

(à modifier le nom de la class qui doit recevoir l'event).

Apres JQuery n'est qu'une framework, ca doit donc être faisable en 100% javascript de base mais alors faut aller voir du coté JS du forum .

[jouana]

Bonjour,

Moi je serais passé par un databinding avec autopost back

[Stuckly]

Merci micka132 je n'ai jamais utilisé de JQuery, je vais me renseigner ...

jouana pourrais-tu détailler un peu plus s'il te plait? Merci pour ta réponse.

EDIT=> j'ai ajouté du JQuery:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
 
 $(document).ready(function () {
 
        $('.clsBlocContentItemNews').click(function (e) {
            $(this).children('.clsBlocContentItemNewsContent').show();
        });
    });
 
 
 
</script>

je suis partit de ton code, mon clsBlocContentItemNews est mon panel qui contient l'ensemble des infos (titre, contenu, footer) sur lequel je mets une fonction .clik , dans laquelle j'essaye de faire un affichage de mon contenu clsBlocContentItemNewsContent ...
mais ça n'a pas marché et la console n'indique rien . Je continue mes recherches.
Avec un test je m'aperçois que quand je rajoute un alert avant le this.children il s'affiche ... donc je ne devrais pas être trop loin de la solution.

EDIT2 => j'ai trouvé. EN fait c'est parce que j'avais mis un panel.visible = false; dans mon code c# ...

Merci pour vos réponses.