Quantcast
Channel: ASP.NET AJAX + Ajax Control Toolkit (ACT)
Viewing all articles
Browse latest Browse all 5678

Animation externder not resetting after hittilg close

$
0
0

I am using the standard AJAX animation extender. After hitting the close button, If I need click the anumation button again, the screen scrolls. How to make it stay on the original spot:

.flyOutDiv
{
     display: none;
     position: absolute;
     width: 400px;
     z-index: 3;
     opacity: 0;
     filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0));
     font-size: 14px;
     border: solid 1px #800000;
     background-color: #FFFFFF;
     padding: 5px;
}
.flyOutDivCloseX
{
 background-color: #666666;
 color: #FFFFFF;
 text-align: center;
 font-weight: bold;
 text-decoration: none;
 border: outset thin #FFFFFF;
 padding: 5px;
}<asp:LinkButton ID="Qinst" runat="server" Text="Instructions" OnClientClick="return false;" /><table><tr align="left"><td><div id="moveMe" class="flyOutDiv"><div style="float:right;" ><asp:Button ID="btnClose" Text="X" runat="server" OnClientClick="return false;" CssClass="flyOutDivCloseX" /></div><br />
         Some text</div><ajaxToolKit:AnimationExtender ID="AnimationExtender1" runat="server" TargetControlID="Qinst"><Animations><OnClick><Sequence><ScriptAction Script="document.getElementById('Qinst').onclick = function (event) { event.preventDefault(); }" /><EnableAction Enabled="false"></EnableAction><StyleAction AnimationTarget="moveMe" Attribute="display" Value="block"/><Parallel AnimationTarget="moveMe" Duration=".5" Fps="25"><Move Horizontal="89" Vertical="-91"></Move><Resize Height="318" Width="512" /><FadeIn Duration=".5"/></Parallel><Parallel AnimationTarget="moveMe" Duration=".5"><Color PropertyKey="color" StartValue="#666666" EndValue="#800000" /><Color PropertyKey="borderColor" StartValue="#666666" EndValue="#800000" /></Parallel></Sequence></OnClick></Animations></ajaxToolKit:AnimationExtender><ajaxToolKit:AnimationExtender ID="AnimationExtender2" runat="server" TargetControlID="btnClose"><Animations><OnClick><Sequence AnimationTarget="moveMe"><StyleAction Attribute="overflow" Value="hidden"/><Parallel AnimationTarget="moveMe" Duration=".3" Fps="15"><Scale ScaleFactor="0.05" Center="true" ScaleFont="true" FontUnit="px" /><FadeOut /></Parallel><StyleAction Attribute="display" Value="none"/><StyleAction Attribute="height" Value=""/><StyleAction Attribute="width" Value="250px"/><StyleAction Attribute="fontSize" Value="12px"/><OpacityAction AnimationTarget="btnClose" Opacity="0" /><EnableAction AnimationTarget="Qinst" Enabled="true" /></Sequence></OnClick></Animations></ajaxToolKit:AnimationExtender>




Viewing all articles
Browse latest Browse all 5678

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>