I think this <a href="#" onclick="effect.toggle('ulft','appear');">Click to
toggle</a>
Should be like this: <a href="#"
onclick="Effect.toggle('ulft','appear');">Click to toggle</a>
-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Jessie
Sent: Monday, June 05, 2006 4:27 PM
To: [email protected]
Subject: Re: [Rails-spinoffs] scriptaculous problem
Yes -
here is the header link to javascript directories - this is accurate;
<script language="JavaScript" src="/javascript/prototype.js"
type="text/javascript"></script>
<script language="Javascript" src="/javascript/scriptaculous.js"
type="text/javascript"></script>
<script type="text/javascript" src="/face.js"></script>
<style>
This is my attempt to use scriptaculous:
<div id="ulft">
<a href="#" onclick="effect.toggle('ulft','appear');">Click to toggle</a>
<script type="text/javascript">effect.toggle('ulft','appear');</script>
This text is the content used for experimenting with the scriptaculous
javascript prototype and ajax-rails components. Most of these scripts
are visual effects on divs within a web page</div>
</div>
This is the code cut and pasted from the scriptaculous site:
</div>
<p>
<a href="#" onclick="Effects.toggle('demo-element-blind','blind');
return false">Click to toggle w/ blind...</a>
<div id="demo-element-blind"
style="height:200px;width:300px;background-color:#ddd"><div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</div></div>
</p>
<h2>Slide</h2>
<p>
<a href="#" onclick="Effect.toggle('demo-element-slide','slide'); return
false">Click to toggle w/ slide...</a>
<div id="demo-element-slide"
style="height:200px;width:300px;background-color:#ddd"><div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur
sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit anim id est laborum.
</div></div>
</p>
</div>
The error message states, "effect is undefined"
Thanks for any suggestions or help you may offer...
Jesse
Brian Dinsmore wrote:
> would you be able to post the code you are trying?
>
> On 6/3/06, Jessie <[EMAIL PROTECTED]> wrote:
>> I may be dense, but while attempting to implement effects using
>> scriptaculous, the 'effects' or 'effect' is not recognized. I even
>> pasted in code from the web site and received the same error. I've
>> triple checked spelling other than the 'paste' and location ot the files
>> as well as the script director in the head segment. I can't find the
>> error. It must be something simple I'm missing...
>>
>> _______________________________________________
>> Rails-spinoffs mailing list
>> [email protected]
>> http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
>>
> _______________________________________________
> Rails-spinoffs mailing list
> [email protected]
> http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
_______________________________________________
Rails-spinoffs mailing list
[email protected]
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
_______________________________________________
Rails-spinoffs mailing list
[email protected]
http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
