I thought someone else pointed this out already... You're using
current_box when it's undefined, which will stop execution.
if (current_box) {$(current_box).fade({duration: 0.2});}
TAG
On Jun 4, 2008, at 7:23 AM, Heine wrote:
>
> Hello again!
>
> Maybe I'm not that good at C/P ... it won't work...
>
> I've put the
>
> " <script>
> var current_box;
> function transition_effect(new_box) {
> $(current_box).fade({duration: 0.2});
> $(new_box).appear({duration: 0.2});
> current_box = new_box;
> }
> </script>"
>
> (I assume that's how I'm supposed to do it?!?)
>
> just beneath my <body>-tag and have then replaced some of the <a href>
> on my page and have also changed the content of the
> onclick="transition_effect('researchthemepositionbox');
>
> Sadly, it's quite dead, I'm afraid ;-(
>
> /Heine
>
> On Jun 4, 3:07 pm, "Frederick Polgardy" <[EMAIL PROTECTED]> wrote:
>> Keep in mind I'm not checking for boundary conditions like the
>> first time
>> you click a link... Just trying to get you started.
>>
>> On Wed, Jun 4, 2008 at 8:05 AM, Frederick Polgardy
>> <[EMAIL PROTECTED]>
>> wrote:
>>
>>
>>
>>> Store the currently selected item in a page variable and then
>>> write your
>>> transition function to use it:
>>
>>> var current_box;
>>> function transition_effect(new_box) {
>>> $(current_box).fade({duration: 0.2});
>>> $(new_box).appear({duration: 0.2});
>>> current_box = new_box;
>>> }
>>
>>> <a href="#"
>>> onclick="transition_effect('researchthemepositionbox'); return
>>> false;">Research Theme</a>
>>
>>> Or something along those lines.
>>
>>> -Fred
>>
>>> On Wed, Jun 4, 2008 at 6:50 AM, Heine <[EMAIL PROTECTED]> wrote:
>>
>>>> Hi all!
>>
>>>> My first post here, so: be gentle ;-)
>>
>>>> I have been playing around with the scriptaculous library for a
>>>> while
>>>> now, and I must admit it is great. However, there is one thing that
>>>> I'm notable to achieve:
>>
>>>> On Apple computers website for ilife (iphoto)
>>>> http://www.apple.com/ilife/iphoto/
>>>> there is a verrrryyy nice fade effect going on when you click the
>>>> navigation for 'new in iPhoto '08', 'Organize by Events' etc.
>>
>>>> Is it possible to get this effect working with scriptaculous?
>>
>>>> So far, I've managed get things going part of the way with this
>>>> ocde:
>>
>>>> "<a href="#" onmousedown="$('budgetpositionbox').fade({duration:
>>>> 0.2});
>>>> return false;" onmouseup="$
>>>> ('researchthemepositionbox').appear({duration:0.2}); return
>>>> false;">Research Theme</a>"
>>
>>>> Where the '...positionbox' is the <div> that fades in and out.
>>
>>>> BUT: my problem here is that I have to hard code things so that my
>>>> menu would be something like:
>>
>>>> - Budget
>>>> - Research Theme
>>>> - Basic Requirements
>>>> - Evaluation
>>
>>>> By default the page loads with the 'budget' layer displayed and the
>>>> others hidden!
>>>> When I click on 'Research Theme' as my example shows, I fade the
>>>> budgetpositionbox out and make the researchthempositionbox appear.
>>
>>>> Everything works well, as longs as I click the links in the above
>>>> listed order. But everything falls apart when I click the links at
>>>> random, obviously since everything is hard coded.
>>
>>>> My question to this group is: Is there a way for me to know that
>>>> the
>>>> layer to fade out will always be the layer that I'm leaving, and
>>>> how
>>>> can I pick that up en i.e. a variable of some sort?
>>
>>>> Have in mind that I'm not very skilled at JavaScript, but I'm very
>>>> good at copy/paste!!
>>
>>>> Thank you
>>
>>> --
>>> Science answers questions; philosophy questions answers.
>>
>> --
>> Science answers questions; philosophy questions answers.
> >
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
