# Scriptaculous Effect Trouble?

**URL:** <https://forum.kirupa.com/t/scriptaculous-effect-trouble/261566>\
**Category:** Uncategorized\
**Created:** [May 28, 2008, 10:07pm UTC](https://forum.kirupa.com/t/scriptaculous-effect-trouble/261566 "2008-05-28T22:07:27Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![JChristian](https://avatars.discourse-cdn.com/v4/letter/j/45deac/32.png) [@JChristian](https://forum.kirupa.com/u/JChristian)\
**Post date:** [May 28, 2008, 10:07pm UTC](https://forum.kirupa.com/t/scriptaculous-effect-trouble/261566/1 "2008-05-28T22:07:27Z")

</div>

Hey. I have the following code working with my scriptaculous / prototype js files.

```php
<a href="javascript:Effect.toggle('sec1','slide',{duration:2.0, scaleX:true, scaleY:false});">ONE</a> 
<a href="javascript:Effect.toggle('sec2','slide',{duration:2.0, scaleX:true, scaleY:false});">TWO</a> 
<a href="javascript:Effect.toggle('sec3','slide',{duration:2.0, scaleX:true, scaleY:false});">THREE</a>
<div style="overflow:hidden;height:100px;width:100px;position:fixed;">
<div id="sec1" style="height:100px;width:100px;background-color:#D5D5D5;float:left;position:relative;"> BLAH BLAH BLAH 1</div>
<div id="sec2" style="height:100px;width:100px; background-color:#ABABAB; float:left;position:relative;"> BLAH BLAH BLAH 2</div>
<div id="sec3" style="height:100px;width:100px; background-color:#030303;float:left;position:relative;"> BLAH BLAH BLAH 3</div>
</div>

```

But it keeps throwing an error “element.down() has no properties” effects.js line 728 anybody have any ideas as to how to fix it so that toggle / slide work left to right instead of up & down ??

---

<div class="post-metadata">

**Author:** ![fasterthanlight](https://avatars.discourse-cdn.com/v4/letter/f/ecc23a/32.png) [@fasterthanlight](https://forum.kirupa.com/u/fasterthanlight)\
**Post date:** [May 28, 2008, 10:14pm UTC](https://forum.kirupa.com/t/scriptaculous-effect-trouble/261566/2 "2008-05-28T22:14:57Z")

</div>

post some linkz yo!

---

<div class="post-metadata">

**Author:** ![JChristian](https://avatars.discourse-cdn.com/v4/letter/j/45deac/32.png) [@JChristian](https://forum.kirupa.com/u/JChristian)\
**Post date:** [May 29, 2008, 2:03pm UTC](https://forum.kirupa.com/t/scriptaculous-effect-trouble/261566/3 "2008-05-29T14:03:10Z")

</div>

[http://jkirchartz.googlepages.com/scriptaculous\_slidestrip.html](http://jkirchartz.googlepages.com/scriptaculous_slidestrip.html) here’s the page.

I’m testing using firefox & firebug.

in IE7 it gives me the ‘debug’ alert.

---

<div class="post-metadata">

**Author:** ![fasterthanlight](https://avatars.discourse-cdn.com/v4/letter/f/ecc23a/32.png) [@fasterthanlight](https://forum.kirupa.com/u/fasterthanlight)\
**Post date:** [May 29, 2008, 2:05pm UTC](https://forum.kirupa.com/t/scriptaculous-effect-trouble/261566/4 "2008-05-29T14:05:20Z")

</div>

looks like your script source path is wrong,

js/prototype.js[FONT=monospace]  
[/FONT]js/scriptaculous.js

it shouldn’t have the js/

unless you make a directory and put all your js there

---

<div class="post-metadata">

**Author:** ![JChristian](https://avatars.discourse-cdn.com/v4/letter/j/45deac/32.png) [@JChristian](https://forum.kirupa.com/u/JChristian)\
**Post date:** [May 29, 2008, 2:15pm UTC](https://forum.kirupa.com/t/scriptaculous-effect-trouble/261566/5 "2008-05-29T14:15:44Z")

</div>

I just realized that and fixed that issue, now it’s throwing the error I was seeing before.

---

<div class="post-metadata">

**Author:** ![fasterthanlight](https://avatars.discourse-cdn.com/v4/letter/f/ecc23a/32.png) [@fasterthanlight](https://forum.kirupa.com/u/fasterthanlight)\
**Post date:** [May 29, 2008, 2:23pm UTC](https://forum.kirupa.com/t/scriptaculous-effect-trouble/261566/6 "2008-05-29T14:23:02Z")

</div>

Ok it seems that it just doesn’t accept “down” … are you sure this effect supports it?

check the documentation or do some googling to find out… if that function only supports left and right then you’re going to have to find another chunk of code to get it done

---

<div class="post-metadata">

**Author:** ![JChristian](https://avatars.discourse-cdn.com/v4/letter/j/45deac/32.png) [@JChristian](https://forum.kirupa.com/u/JChristian)\
**Post date:** [May 29, 2008, 8:10pm UTC](https://forum.kirupa.com/t/scriptaculous-effect-trouble/261566/7 "2008-05-29T20:10:08Z")

</div>

The effect is straight from scriptaculous, which relies on prototype, and works on all the website demo’s … check that link again. I think I got it working (and I’m not sure why it works now, I didn’t change much.)

---

<div class="post-metadata">

**Author:** ![fasterthanlight](https://avatars.discourse-cdn.com/v4/letter/f/ecc23a/32.png) [@fasterthanlight](https://forum.kirupa.com/u/fasterthanlight)\
**Post date:** [May 29, 2008, 8:16pm UTC](https://forum.kirupa.com/t/scriptaculous-effect-trouble/261566/8 "2008-05-29T20:16:35Z")

</div>

Well from what I can tell you’re using a whole new function, which is not a “didn’t change much”

I get no errors, so I think you’re in the clear

---

<div class="post-metadata">

**Author:** ![somnamblst](https://avatars.discourse-cdn.com/v4/letter/s/a4c791/32.png) [@somnamblst](https://forum.kirupa.com/u/somnamblst)\
**Post date:** [May 30, 2008, 1:45pm UTC](https://forum.kirupa.com/t/scriptaculous-effect-trouble/261566/9 "2008-05-30T13:45:32Z")

</div>

Do you have all the scriptaculous effects files uploaded or available locally? Have you changed any of the paths from the scriptaculous demos?

I had a similar issue once I uploaded my files to the server because I didn’t realize that scripts such as behavior.js and effects.js were being used in addition to for instance slider.js

I also found that I needed to keep the directory structure I found in the scriptaculous demos. Some of my files were pathed to lib some to src.