Fade effect applied to HTML panel plus onobtrusive JS

Question

At first, I'm not a programmer, so sorry if I'm not clear as
desirable, and sorry for my English. I'm trying to make fade an
HTMLpanel one a user clicks any of the links I have on my page, I
have 2 sets of links, one one the top called
#tab
and another set
#links_one. My panel works
perfectly, also it has Spry regions, and everything loads
perfectly, I used unobtrusibe JS and it works, but i cant make the
same applying effects. This is some of my code: mainContent is the
div where the panel loads:
quote:
var mainPanel = null;
var Abrir = null;
function InitProductPage()
mainPanel = new Spry.Widget.HTMLPanel("mainContent");
var Abrir = new Spry.Effect.Fade('mainContent',
{toggle:true});
function Apear(){
var obs = {onPostUpdate: function(){Abrir.start();}};
mainPanel.addObserver(obs);
Spry.$$("#tab a").addEventListener("click", function(e)
mainPanel.loadContent(this.href, { id: "mainContent" });
return false;
}, false);
Spry.$$("#links_one a").addEventListener("click",
function(e)
mainPanel.loadContent(this.href);
runIt();
return false;
}, false);
Spry.$$("#links_one a").addEventListener("click",
function(e)
mainPanel.Apear();
return false
},false;
Spry.Utils.addLoadListener(InitProductPage);
Ending I used this samples to make my panel:
http://labs.adobe.com/technologies/spry/articles/best_practices/separating_behavior.html
L=http://labs.adobe.com/technologies/spry/samples/htmlpanel/html_panel_two.html
]http://labs.adobe.com/technologies/spry/samples/htmlpanel/html_panel_two.html
http://labs.adobe.com/technologies/spry/samples/htmlpanel/html_panel_two.html
[/L][
(the beahviour I try to get os when you click this
link--->
http://labs.adobe.com/technologies/spry/samples/htmlpanel/frag-0.htmlThanks
to all.
Florencia

Answer 1

Anthony,
As Arnout stated, this can help you smooth the fading action
You can change the sliding duration and the frames per second for your
sliding panel:
http://labs.adobe.com/technologies/spry/articles/data_api/apis/sliding_panels.ht ml#options
And as bonus, you can actually specify a transition (by adding the
option: "transition: " in the constructor as well, so you can use the
SpryEffect transitions:
http://labs.adobe.com/technologies/spry/samples/effects/transition_sample.html
Unless I am reading you incorrectly, which happens frequently at my age, the above should help.
Ben