Comments on: Properly degrading JavaScript Effects with Script.aculo.us http://xavisys.com/properly-degrading-js-effects-with-scriptaculous/?utm_source=rss&utm_medium=rss&utm_campaign=properly-degrading-js-effects-with-scriptaculous WordPress Plugins and Custom WordPress Development Thu, 11 Mar 2010 12:45:42 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Aaron D. Campbellhttp://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-44 Aaron D. Campbell Thu, 07 Feb 2008 14:41:39 +0000 http://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-44 Anonymous: Statistically speaking, there are plenty of people without JS. Some are on mobile browsers that don;t support it, some have it turned off, etc.terry: Please keep the language clean. It looks like somewhere during a Wordpress upgrade, some characters got replaced by their entities. I fixed it. Thank you for pointing it out. Anonymous: Statistically speaking, there are plenty of people without JS. Some are on mobile browsers that don;t support it, some have it turned off, etc.

terry: Please keep the language clean. It looks like somewhere during a Wordpress upgrade, some characters got replaced by their entities. I fixed it. Thank you for pointing it out.

]]> By: terryhttp://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-46 terry Thu, 07 Feb 2008 13:24:40 +0000 http://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-46 hi , nice code, but i dont understand because it is full of trash like < hi , nice code, but i dont understand because it is full of trash like &lt;

]]> By: Anonymoushttp://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-45 Anonymous Thu, 07 Feb 2008 13:10:01 +0000 http://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-45 dude , today everyone has to have js enabled, and people who know nothing about web wont know and never wonder about to disable this thingy called js dude , today everyone has to have js enabled, and people who know nothing about web wont know and never wonder about to disable this thingy called js

]]> By: Raahttp://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-43 Raa Wed, 17 Oct 2007 14:17:05 +0000 http://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-43 I'm using getStyleClass to hide elements on my page but when I print my page, all the elements are displayed. Is their a way around that? I’m using getStyleClass to hide elements on my page but when I print my page, all the elements are displayed. Is their a way around that?

]]> By: Aaron D. Campbellhttp://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-42 Aaron D. Campbell Tue, 01 May 2007 16:21:59 +0000 http://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-42 I see what you want to do now. However, I still think it's a syntax problem. Try this: {queue:{QUEUE OPTIONS ONLY}, other options} So: {queue: {duration: 3.0, scope: ‘books’} } becomes: {queue: {scope: 'books'}, duration: 3.0} I see what you want to do now. However, I still think it’s a syntax problem. Try this:
{queue:{QUEUE OPTIONS ONLY}, other options}
So:
{queue: {duration: 3.0, scope: ‘books’} }
becomes:
{queue: {scope: ‘books’}, duration: 3.0}

]]> By: plannerhttp://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-41 planner Tue, 01 May 2007 15:22:56 +0000 http://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-41 thanks for your response. Here's what I'm trying to do: I have 2 groups of divs, each group in a separate box. The first div in each group is what is visible when the page loads, and the others have 'display:none' set. What I want is for the first div to fade out , say, in 6 or 3 seconds, for the next one to appear and then fade out just like the first one, and then the next and so on. Obviously, I'm going to have 2 scopes. What's eating me is the syntax of having queue, scope, and duration in one effect.Hope my explanation makes sense.TIA thanks for your response. Here’s what I’m trying to do:
I have 2 groups of divs, each group in a separate box. The first div in each group is what is visible when the page loads, and the others have ‘display:none’ set. What I want is for the first div to fade out , say, in 6 or 3 seconds, for the next one to appear and then fade out just like the first one, and then the next and so on. Obviously, I’m going to have 2 scopes.
What’s eating me is the syntax of having queue, scope, and duration in one effect.

Hope my explanation makes sense.

TIA

]]> By: Aaron D. Campbellhttp://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-40 Aaron D. Campbell Tue, 01 May 2007 12:41:15 +0000 http://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-40 It would help for you to describe what you WANT to happen, and what DOES happen. However, in the simple example, you are passing options like this: { queue: ‘end’, duration: 6.0 } Which adds it to the end of the effects queue, and then makes the effect take 6 seconds to complete. In your top example, you pass options like this: {queue: {position:‘end’, scope: ‘books’} } Which is invalid. The queue parameter needs to be numerical, and you are passing it a hash (contained in {}) Try something like this: {queue: 'end', scope: 'books'} It would help for you to describe what you WANT to happen, and what DOES happen. However, in the simple example, you are passing options like this:
{ queue: ‘end’, duration: 6.0 }
Which adds it to the end of the effects queue, and then makes the effect take 6 seconds to complete. In your top example, you pass options like this:
{queue: {position:‘end’, scope: ‘books’} }
Which is invalid. The queue parameter needs to be numerical, and you are passing it a hash (contained in {}) Try something like this:
{queue: ‘end’, scope: ‘books’}

]]> By: plannerhttp://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-39 planner Tue, 01 May 2007 08:11:00 +0000 http://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-39 Great piece of code. I can sure use this. However, I have a slightly related scriptaculous effect that I'm trying to implement, but it just won't work. I'm hoping xavisys or any js guru reading this can help. Here's what I'm trying to do: (This does not work)function scroll() { //Scope: books new Effect.Fade(‘six’, {queue: {duration: 3.0, scope: ‘books’} }); new Effect.SlideDown(‘seven’, {queue: {position:‘end’, scope: ‘books’} }); new Effect.Fade(‘seven’, {queue: {position: ‘end’, scope: ‘books’} }); new Effect.BlindDown(‘six’, {queue: {position: ‘end’, scope: ‘books’} }); //Scope: center new Effect.Fade(‘nine’, {queue: {duration: 3.0, scope: ‘center’} }); new Effect.Appear(‘ten’, {queue: {position:‘end’, scope: ‘center’} }); new Effect.Fade(‘ten’, {queue: {position: ‘end’, scope: ‘center’} }); new Effect.Appear(‘eleven’, {queue: {position:‘end’, scope: ‘center’} }); new Effect.Fade(‘eleven’, {queue: {position: ‘end’, scope: ‘center’} }); new Effect.Appear(‘nine’, {queue: {position: ‘end’, scope: ‘center’} }); new PeriodicalExecuter(scroll, 30);Here's a simpler version that works:function scroll() { new Effect.Fade('six', { duration: 3.0 }); new Effect.SlideDown('seven', { queue: 'end', duration: 6.0 }); new Effect.Fade('seven', { queue: 'end', duration: 6.0 }); new Effect.BlindDown('six', { queue: 'end', duration: 6.0 }); } new PeriodicalExecuter(scroll, 30);I have zero js coding skill. Will appreciate any help fine tuning the first one.TIA Great piece of code. I can sure use this. However, I have a slightly related scriptaculous effect that I’m trying to implement, but it just won’t work. I’m hoping xavisys or any js guru reading this can help.
Here’s what I’m trying to do:
(This does not work)

function scroll() {
//Scope: books
new Effect.Fade(‘six’, {queue: {duration: 3.0, scope: ‘books’} });
new Effect.SlideDown(‘seven’, {queue: {position:‘end’, scope: ‘books’} });
new Effect.Fade(‘seven’, {queue: {position: ‘end’, scope: ‘books’} });
new Effect.BlindDown(‘six’, {queue: {position: ‘end’, scope: ‘books’} });
//Scope: center
new Effect.Fade(‘nine’, {queue: {duration: 3.0, scope: ‘center’} });
new Effect.Appear(‘ten’, {queue: {position:‘end’, scope: ‘center’} });
new Effect.Fade(‘ten’, {queue: {position: ‘end’, scope: ‘center’} });
new Effect.Appear(‘eleven’, {queue: {position:‘end’, scope: ‘center’} });
new Effect.Fade(‘eleven’, {queue: {position: ‘end’, scope: ‘center’} });
new Effect.Appear(‘nine’, {queue: {position: ‘end’, scope: ‘center’} });
new PeriodicalExecuter(scroll, 30);

Here’s a simpler version that works:

function scroll() {
new Effect.Fade(’six’, { duration: 3.0 });
new Effect.SlideDown(’seven’, { queue: ‘end’, duration: 6.0 });
new Effect.Fade(’seven’, { queue: ‘end’, duration: 6.0 });
new Effect.BlindDown(’six’, { queue: ‘end’, duration: 6.0 });
}
new PeriodicalExecuter(scroll, 30);

I have zero js coding skill. Will appreciate any help fine tuning the first one.

TIA

]]> By: Aaron D. Campbellhttp://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-28 Aaron D. Campbell Thu, 26 Apr 2007 18:14:32 +0000 http://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-28 MaryAnne: Link removed for similar reasons to above. MaryAnne: Link removed for similar reasons to above.

]]> By: MaryAnnehttp://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-26 MaryAnne Thu, 26 Apr 2007 17:33:00 +0000 http://xavisys.com/properly-degrading-js-effects-with-scriptaculous/#comment-26 Hello, I like this place! You've done a great job. I'll be back soon for sure. Take care Hello,
I like this place! You’ve done a great job.
I’ll be back soon for sure. Take care

]]>