<?xml version="1.0" encoding="UTF-8"?><!-- generator="wordpress/2.1.2" -->
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/">
<channel>
	<title>Comments on: How To Create a Side Scrolling Page Effect - Part II - Scriptaculous</title>
	<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/</link>
	<description></description>
	<pubDate>Thu, 11 Mar 2010 14:59:15 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.1.2</generator>

	<item>
		<title>By: Dan Farina</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-120</link>
		<author>Dan Farina</author>
		<pubDate>Fri, 03 Aug 2007 22:20:13 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-120</guid>
					<description>You have a race condition; clicking rapidly on the left or right arrows will result in misaligning the content. From then on it would be difficult to get it to realign.

In absence of actually fixing the problem, some post-facto snapping would be necessary for this to be robust.</description>
		<content:encoded><![CDATA[<p>You have a race condition; clicking rapidly on the left or right arrows will result in misaligning the content. From then on it would be difficult to get it to realign.</p>
<p>In absence of actually fixing the problem, some post-facto snapping would be necessary for this to be robust.</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: All in a days work&#8230;</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-121</link>
		<author>All in a days work&#8230;</author>
		<pubDate>Sat, 04 Aug 2007 01:21:52 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-121</guid>
					<description>[...] Create a Side Scrolling Page Effect the demo page is an .aspx, but it does use Scriptaculous (tags: Scriptaculous Scroll) [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] Create a Side Scrolling Page Effect the demo page is an .aspx, but it does use Scriptaculous (tags: Scriptaculous Scroll) [&#8230;]</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: David Baxter</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-123</link>
		<author>David Baxter</author>
		<pubDate>Mon, 06 Aug 2007 00:01:38 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-123</guid>
					<description>Hey Dan, the demo I created here is meant to be a "show and tell" of sorts. The animation is actually the easy part. The CSS is what can get tricky.

However I will be taking this demo as a starting point for the project I am working on and will make it more robust. Your comment will help me make it more so. Thanks!

David</description>
		<content:encoded><![CDATA[<p>Hey Dan, the demo I created here is meant to be a &#8220;show and tell&#8221; of sorts. The animation is actually the easy part. The CSS is what can get tricky.</p>
<p>However I will be taking this demo as a starting point for the project I am working on and will make it more robust. Your comment will help me make it more so. Thanks!</p>
<p>David</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: David Baxter</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-124</link>
		<author>David Baxter</author>
		<pubDate>Mon, 06 Aug 2007 02:28:14 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-124</guid>
					<description>Just as an update, if you add "queue: 'end'" to the scriptaculous effect you avoid the race condition.

So the line would be :

new Effect.MoveBy('BigBox', 0, -872 , {duration: 0.4,  transition: Effect.Transitions.sinoidal, queue: 'end'});

Hope that helps. Thanks again Dan for the comment...I probably wouldn't have noticed this otherwise.

David</description>
		<content:encoded><![CDATA[<p>Just as an update, if you add &#8220;queue: &#8216;end&#8217;&#8221; to the scriptaculous effect you avoid the race condition.</p>
<p>So the line would be :</p>
<p>new Effect.MoveBy(&#8217;BigBox&#8217;, 0, -872 , {duration: 0.4,  transition: Effect.Transitions.sinoidal, queue: &#8216;end&#8217;});</p>
<p>Hope that helps. Thanks again Dan for the comment&#8230;I probably wouldn&#8217;t have noticed this otherwise.</p>
<p>David</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: 8 Links Today (2007-08-07)</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-137</link>
		<author>8 Links Today (2007-08-07)</author>
		<pubDate>Tue, 07 Aug 2007 15:22:18 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-137</guid>
					<description>[...] creativeUI - How To Create a Side Scrolling Page Effect - Part II - Scriptaculous [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] creativeUI - How To Create a Side Scrolling Page Effect - Part II - Scriptaculous [&#8230;]</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: Criterion &#187; Archivo del weblog &#187; Resumen no-vacacional agosto 2007 (II)</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-139</link>
		<author>Criterion &#187; Archivo del weblog &#187; Resumen no-vacacional agosto 2007 (II)</author>
		<pubDate>Tue, 07 Aug 2007 20:04:22 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-139</guid>
					<description>[...] Cómo hacer el efecto de scroll lateral con Script.aculo.us [en]. ¿Lo prefieres con Mootools [en]? ¿Y qué tal con Ajax [en]? [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] Cómo hacer el efecto de scroll lateral con Script.aculo.us [en]. ¿Lo prefieres con Mootools [en]? ¿Y qué tal con Ajax [en]? [&#8230;]</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: GSIY &#8230; Ruby-Rails Portal</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-179</link>
		<author>GSIY &#8230; Ruby-Rails Portal</author>
		<pubDate>Mon, 10 Sep 2007 05:25:25 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-179</guid>
					<description>[...] looks like somebody played with this one before  Tutorails, RubyOnRails                      Home &#124; &#124; Login&#124;Feed &#169; 2007 GSIY &#8230; [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] looks like somebody played with this one before  Tutorails, RubyOnRails                      Home | | Login|Feed &copy; 2007 GSIY &#8230; [&#8230;]</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: phillip Sauerbeck</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-951</link>
		<author>phillip Sauerbeck</author>
		<pubDate>Tue, 18 Mar 2008 04:34:47 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-951</guid>
					<description>queue: ‘end’  actually rendered the effect inoperable.  It would be great if it worked, though.  thoughts?</description>
		<content:encoded><![CDATA[<p>queue: ‘end’  actually rendered the effect inoperable.  It would be great if it worked, though.  thoughts?</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: David Baxter</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-952</link>
		<author>David Baxter</author>
		<pubDate>Tue, 18 Mar 2008 12:21:51 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-952</guid>
					<description>Hmmm...a lot of people have used this code for their sites and haven't had any problems with the queue: 'end' piece.

Check out the code on the &lt;a href='http://www.creativeui.com/2007/08/13/building-a-robust-side-scrolling-page-effect-with-scriptaculous/' rel="nofollow"&gt;robust demo&lt;/a&gt; and see if that helps.

Feel free to email me if you are still having trouble.

David</description>
		<content:encoded><![CDATA[<p>Hmmm&#8230;a lot of people have used this code for their sites and haven&#8217;t had any problems with the queue: &#8216;end&#8217; piece.</p>
<p>Check out the code on the <a href='http://www.creativeui.com/2007/08/13/building-a-robust-side-scrolling-page-effect-with-scriptaculous/' rel="nofollow">robust demo</a> and see if that helps.</p>
<p>Feel free to email me if you are still having trouble.</p>
<p>David</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: Arish Rahiman</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-991</link>
		<author>Arish Rahiman</author>
		<pubDate>Mon, 26 May 2008 11:37:01 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-991</guid>
					<description>You can correct the error created by rapidly clicking the link by setting a timeout function for setting a flag to enable sliding.</description>
		<content:encoded><![CDATA[<p>You can correct the error created by rapidly clicking the link by setting a timeout function for setting a flag to enable sliding.</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: William Shuhaibar</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1000</link>
		<author>William Shuhaibar</author>
		<pubDate>Wed, 04 Jun 2008 17:08:40 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1000</guid>
					<description>queue: 'end' didn't work for me either so I implemented a "lock" using the following code:

var locked="false";

function unlock() {
	locked="false";
}

function lock() {
	locked="true";
}


function isLocked() {
	if (locked=="true") {
		return true;
	} else {
	    return false;
	} 
}

function MoveLeft()
{	
	if (!isLocked()) {
		lock();	    	
    	new Effect.MoveBy('BigBox', 0, 872 , 
                              {
                                  duration: 0.4,  
                                  transition: Effect.Transitions.sinoidal
                              });

		setTimeout("unlock()", 1500);
	}
}

Basically, it will take 1.5 seconds after the moving effect is over for the function to be unlocked - hence the user won't be able to rapidly press the link.</description>
		<content:encoded><![CDATA[<p>queue: &#8216;end&#8217; didn&#8217;t work for me either so I implemented a &#8220;lock&#8221; using the following code:</p>
<p>var locked=&#8221;false&#8221;;</p>
<p>function unlock() {<br />
	locked=&#8221;false&#8221;;<br />
}</p>
<p>function lock() {<br />
	locked=&#8221;true&#8221;;<br />
}</p>
<p>function isLocked() {<br />
	if (locked==&#8221;true&#8221;) {<br />
		return true;<br />
	} else {<br />
	    return false;<br />
	}<br />
}</p>
<p>function MoveLeft()<br />
{<br />
	if (!isLocked()) {<br />
		lock();<br />
    	new Effect.MoveBy(&#8217;BigBox&#8217;, 0, 872 ,<br />
                              {<br />
                                  duration: 0.4,<br />
                                  transition: Effect.Transitions.sinoidal<br />
                              });</p>
<p>		setTimeout(&#8221;unlock()&#8221;, 1500);<br />
	}<br />
}</p>
<p>Basically, it will take 1.5 seconds after the moving effect is over for the function to be unlocked - hence the user won&#8217;t be able to rapidly press the link.</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: Rasmus Hansson</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1026</link>
		<author>Rasmus Hansson</author>
		<pubDate>Tue, 08 Jul 2008 22:36:30 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1026</guid>
					<description>The queue end doesn't work because the single quotes are not correct. The code should be:

queue: 'end'</description>
		<content:encoded><![CDATA[<p>The queue end doesn&#8217;t work because the single quotes are not correct. The code should be:</p>
<p>queue: &#8216;end&#8217;</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: Rasmus Hansson</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1027</link>
		<author>Rasmus Hansson</author>
		<pubDate>Tue, 08 Jul 2008 22:37:57 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1027</guid>
					<description>I guess this board translates the quotes, making them appear incorrectly. Just change them yourself in the code and it will work.</description>
		<content:encoded><![CDATA[<p>I guess this board translates the quotes, making them appear incorrectly. Just change them yourself in the code and it will work.</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: Pov</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1033</link>
		<author>Pov</author>
		<pubDate>Tue, 22 Jul 2008 21:17:36 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1033</guid>
					<description>Are there known issues with an embedded Flash movie with this effect?  I've got a youtube vid embedded on a page/slide, and when it's the selected page, then shifted once, either left or right, it still renders -- off frame.  Known?  Unknown?  Workaround?</description>
		<content:encoded><![CDATA[<p>Are there known issues with an embedded Flash movie with this effect?  I&#8217;ve got a youtube vid embedded on a page/slide, and when it&#8217;s the selected page, then shifted once, either left or right, it still renders &#8212; off frame.  Known?  Unknown?  Workaround?</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: need a source for this kind of image gallery - DesignersTalk</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1079</link>
		<author>need a source for this kind of image gallery - DesignersTalk</author>
		<pubDate>Wed, 22 Oct 2008 23:25:06 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1079</guid>
					<description>[...] check out.  creativeUI - How To Create a Side Scrolling Page Effect - Part II - Scriptaculous   Be sure to read the entire tutorial and use part 4 for anything serious. I am using it on my new [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] check out.  creativeUI - How To Create a Side Scrolling Page Effect - Part II - Scriptaculous   Be sure to read the entire tutorial and use part 4 for anything serious. I am using it on my new [&#8230;]</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: Raza Ali</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1083</link>
		<author>Raza Ali</author>
		<pubDate>Sat, 08 Nov 2008 10:53:21 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1083</guid>
					<description>It's really awesome i must have to try...</description>
		<content:encoded><![CDATA[<p>It&#8217;s really awesome i must have to try&#8230;</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: jeevanbabuks</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1094</link>
		<author>jeevanbabuks</author>
		<pubDate>Fri, 28 Nov 2008 11:21:21 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1094</guid>
					<description>Thank you arish rahiman. I tried your suggestion and the error is gone now.

Thanks,
Jeevanbabuks.</description>
		<content:encoded><![CDATA[<p>Thank you arish rahiman. I tried your suggestion and the error is gone now.</p>
<p>Thanks,<br />
Jeevanbabuks.</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: 17 mega-creative side scrolling websites.</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1110</link>
		<author>17 mega-creative side scrolling websites.</author>
		<pubDate>Mon, 29 Dec 2008 18:42:18 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1110</guid>
					<description>[...] ProtoType Horizontal Tiny Scrolling JQuery Serial Scroll MooFx ScrollTo Demo Creating a side scrolling page effect with Scriptaculous Creating a side scrolling page effect with MooTools Portfolio Design side scrolling Tutorial The [...]</description>
		<content:encoded><![CDATA[<p>[&#8230;] ProtoType Horizontal Tiny Scrolling JQuery Serial Scroll MooFx ScrollTo Demo Creating a side scrolling page effect with Scriptaculous Creating a side scrolling page effect with MooTools Portfolio Design side scrolling Tutorial The [&#8230;]</p>
]]></content:encoded>
				</item>
	<item>
		<title>By: DereToorplainobit</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1112</link>
		<author>DereToorplainobit</author>
		<pubDate>Sat, 03 Jan 2009 12:57:55 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1112</guid>
					<description>ceauclulinejunvmwell, hi admin adn people nice forum indeed. how's life? hope it's introduce branch ;)</description>
		<content:encoded><![CDATA[<p>ceauclulinejunvmwell, hi admin adn people nice forum indeed. how&#8217;s life? hope it&#8217;s introduce branch <img src='http://www.creativeui.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /></p>
]]></content:encoded>
				</item>
	<item>
		<title>By: Abdel</title>
		<link>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1130</link>
		<author>Abdel</author>
		<pubDate>Wed, 25 Mar 2009 05:28:15 +0000</pubDate>
		<guid>http://www.creativeui.com/2007/08/02/how-to-create-a-side-scrolling-page-effect-part-ii-scriptaculous/#comment-1130</guid>
					<description>nice effects indeed. keep up the good work and thanks a lot</description>
		<content:encoded><![CDATA[<p>nice effects indeed. keep up the good work and thanks a lot</p>
]]></content:encoded>
				</item>
</channel>
</rss>
