PDA

View Full Version : animatedcollapse with dotnetnuke



jbello
05-05-2010, 05:14 PM
http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm


Are there any known issues using animatedcollapse with dotnetnuke? I have not been able to get it to work. The page works as a straight htm page but not when converted to a dnn skin file. I initially had an older version of animatedcollapse that used @rel^= in the init function but it caused an unhandled exception in jquery-1.3.2.min.js in DNN 5.4 (it did not like the @). I downloaded the latest version which solved the exception error but the animations do not work. I put this at the top of my skin file to register the setup code:



<script runat="server">
Private Sub Page_Init(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Init
'add a script reference for Javascript to the head section
Dim oCSS As Control = Me.Page.FindControl("CSS")
Dim oLink As New HtmlGenericControl("script")
oLink.Attributes("language") = "javascript"
oLink.Attributes("type") = "text/javascript"
oLink.Attributes("src") = SkinPath & "js/animatedcollapse.js"
oCSS.Controls.AddAt(0, oLink)
End Sub
</script>

<script type="text/javascript">

document.body.onLoad=myFunction();

function myFunction()
{
animatedcollapse.addDiv('explore', 'fade=0,speed=400,hide=1,height=360px')
animatedcollapse.addDiv('engage', 'fade=0,speed=400,hide=1,height=360px')
animatedcollapse.addDiv('grow', 'fade=0,speed=400,hide=1,height=360px')
animatedcollapse.addDiv('lead', 'fade=0,speed=400,hide=1,height=360px')
animatedcollapse.init()


}
</script>