Bonjour,

Etant débutant en asp.net ainsi que sur ce forum, je me permets de vous demander de l'aide.

Je suis en train de créer un site internet en asp.net.
J'utilise la bibliothèque AJAXTOOLKIT.

Dans une page Default.aspx j'ai deux éléments principaux :
- ajaxToolkit:Accordion ->utilisé pour le menu
- asp:UpdatePanel -> corps du site
- ajaxToolkit:UpdatePanelAnimationExtender -> utilisé pour une animation du corps

Voici mon problème :

je n'arrive pas a utiliser l'evenement "click" sur mon element "ajaxToolkit:Accordion" pour declencher l'animation du corps( UpdatePanelAnimationExtender )


voici l'erreur que j'obtiens :
Erreur du serveur dans l'application '/AjaxControlToolkitWebSite1'.
Control with ID 'MyAccordion' being registered through RegisterAsyncPostBackControl or RegisterPostBackControl must implement either INamingContainer, IPostBackDataHandler, or IPostBackEventHandler.

je pencherai pour un problème de trigger de l'updatePanel, mais je ne maitrise pas assez pour comprendre l'origine du problème.

voici 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
64
65
66
67
68
69
70
71
 
 
<ajaxToolkit:ToolkitScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true"/>
 
 
<!-- ... -->
 
                            <ajaxToolkit:Accordion
                                ID="MyAccordion"
                                runat="Server"
                                SelectedIndex="0"
                                HeaderCssClass="accordionHeader"
                                ContentCssClass="accordionContent"
                                AutoSize="None"
                                FadeTransitions="true"
                                TransitionDuration="250"
                                FramesPerSecond="40"
                                RequireOpenedPane="false"
                                SuppressHeaderPostbacks="true">
                                <Panes>
                                    <ajaxToolkit:AccordionPane
                                        HeaderCssClass="accordionHeader"
                                        ContentCssClass="accordionContent">
                                        <Header> Header1</Header>
                                        <Content> Content1 </Content>
                                    </ajaxToolkit:AccordionPane>        
                                     <ajaxToolkit:AccordionPane
                                        HeaderCssClass="accordionHeader"
                                        ContentCssClass="accordionContent">
                                        <Header> Header2 </Header>
                                        <Content> Content2 </Content>
                                    </ajaxToolkit:AccordionPane>
                                </Panes>            
 
                            </ajaxToolkit:Accordion>
 
 
 
 
<!------------------------------ CORPS -->
 
                            <asp:UpdatePanel ID="corps" runat="server" >
                                <ContentTemplate>
                                </ContentTemplate>
                                <Triggers> 
                                     <asp:AsyncPostBackTrigger ControlID="MyAccordion" EventName="" /> 
                                </Triggers>
                            </asp:UpdatePanel>
 
 
                            <ajaxToolkit:UpdatePanelAnimationExtender ID="monUpdatePanelAnimationExtender"
                                  runat="server" TargetControlID="corps">
                                     <Animations>
                                        <OnUpdating>
                                            <sequence>
                                                <ScriptAction Script="  document.getElementById('corps').style.overflow = 'hidden';" />  
                                                <Parallel duration=".80" Fps="30">
                                                        <Resize Height="0" />
                                                </Parallel>
                                            </sequence>
                                        </OnUpdating>
                                        <OnUpdated>  
                                            <sequence>    
                                                <Parallel duration=".80" Fps="30">
                                                        <Resize HeightScript="450" />
                                                </Parallel>    
                                                <ScriptAction Script="  document.getElementById('corps').style.overflow = 'auto';" /> 
                                            </sequence>
                                        </OnUpdated>
                                    </Animations> 
                            </ajaxToolkit:UpdatePanelAnimationExtender>

En espérant avoir été assez clair, je vous remercie d'avance de votre aide