Ajax animation toolkit extender, how to close a panel text and reactive the bottom?

Last post 10-01-2008 1:07 PM by asp4net. 1 replies.

Sort Posts:

  • Ajax animation toolkit extender, how to close a panel text and reactive the bottom?

    09-30-2008, 3:05 PM
    • Member
      17 point Member
    • asp4net
    • Member since 07-13-2008, 6:53 PM
    • Posts 58

    My page has a bottom and hidden <div> text area.

    inside the div there is a text and link bottom [X]

    1) Clicking the bottom:

    make the bottom inactive and display the text.

    2) Clicking the [X]

    hide the <div> and make the bottom active again.

    with some help from (vgiambattista) I have done the first step but I can't do the second.

    this is the code, if you please help me.

    Thanks

     
    <asp:Button ID="btn" runat="server" Text="click me" OnClientClick="return false;" />
    <div id="help" class="panel" style="display:none;">

    <asp:LinkButton ID="btnClose" runat="server" OnClientClick="return false;" Style="background-color: Red;
    color: #FFFFFF; float:right; text-align: center; font-weight: bold; text-decoration: none;
    border: outset thin #FFFFFF; padding: 5px;"
    Text="X" ToolTip="Close">
    </asp:LinkButton>

    This is my panel This is my panel This is my panel This is my panel This is my panel
    </div>



    <cc1:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="btn">
    <Animations>
    <OnClick >
    <Sequence>
    <EnableAction Enabled="false" />
    <Parallel AnimationTarget="help" Duration=".3" Fps="25">
    <StyleAction AnimationTarget="help" Attribute="display" Value="block"/>
    <Move Horizontal="150px" Vertical="200px" />
    <Color AnimationTarget="help" PropertyKey="backgroundColor"
    StartValue="#AAAAAA" EndValue="#FFFFFF" />
    </Parallel>
    </Sequence>
    </OnClick>
    </Animations>
    </cc1:AnimationExtender>



    <cc1:AnimationExtender ID="AnimationExtender2" runat="server" TargetControlID="btnClose">
    <Animations>
    <OnClick>
    <Sequence>
    <StyleAction AnimationTarget="help" Attribute="hidden" Value="block"/>

    </Sequence>
    </OnClick>
    </Animations>
    </cc1:AnimationExtender>
     
  • Re: Ajax animation toolkit extender, how to close a panel text and reactive the bottom?

    10-01-2008, 1:07 PM
    Answer
    • Member
      17 point Member
    • asp4net
    • Member since 07-13-2008, 6:53 PM
    • Posts 58

    Yeahhhh

    now I know, just change the second extender as below'

    <cc1:AnimationExtender ID="AnimationExtender2" runat="server" TargetControlID="btnClose">
            <Animations>
            <OnClick>
              <Sequence>
                <StyleAction AnimationTarget="help" Attribute="display" Value="none"/>
                <EnableAction AnimationTarget ="btn" Enabled="true" />

               </Sequence>
            </OnClick>
            </Animations>
            </cc1:AnimationExtender

Page 1 of 1 (2 items)