Forum: Ruby on Rails AJAX effects

Announcement (2017-05-07): www.ruby-forum.com is now read-only since I unfortunately do not have the time to support and maintain the forum any more. Please see rubyonrails.org/community and ruby-lang.org/en/community for other Rails- und Ruby-related community platforms.
0a36dd2d45a8cead5dcfd27a9346f620?d=identicon&s=25 Mohammad (Guest)
on 2006-05-10 16:37
I was at http://rails.techno-weenie.net/ and I like what ajax does when
you click on "login" how can I do this on my own website? Is this with
the defualt JS libary?
2da252cc1d2fb3701126171831b50a65?d=identicon&s=25 Dave Coleman (pezdude)
on 2006-05-10 17:19
Mohammad wrote:
> I was at http://rails.techno-weenie.net/ and I like what ajax does when
> you click on "login" how can I do this on my own website? Is this with
> the defualt JS libary?

Check Out: http://script.aculo.us/
and:
http://wiki.script.aculo.us/scriptaculous/show/Com...
25e11a00a89683f7e01e425a1a6e305c?d=identicon&s=25 Wilson Bilkovich (Guest)
on 2006-05-10 17:37
(Received via mailing list)
On 5/10/06, Mohammad <name.goes.here44@gmail.com> wrote:
> I was at http://rails.techno-weenie.net/ and I like what ajax does when
> you click on "login" how can I do this on my own website? Is this with
> the defualt JS libary?
>

You can see how it's done here:
http://svn.techno-weenie.net/projects/rails_help/

It's not AJAX, just a cool Javascript effect. Search for 'Panels' in
this file:
http://svn.techno-weenie.net/projects/rails_help/p...
0a36dd2d45a8cead5dcfd27a9346f620?d=identicon&s=25 Mohammad (Guest)
on 2006-05-10 17:53
Wilson Bilkovich wrote:
> On 5/10/06, Mohammad <name.goes.here44@gmail.com> wrote:
>> I was at http://rails.techno-weenie.net/ and I like what ajax does when
>> you click on "login" how can I do this on my own website? Is this with
>> the defualt JS libary?
>>
>
> You can see how it's done here:
> http://svn.techno-weenie.net/projects/rails_help/
>
> It's not AJAX, just a cool Javascript effect. Search for 'Panels' in
> this file:
> http://svn.techno-weenie.net/projects/rails_help/p...

It's not under panels
0a36dd2d45a8cead5dcfd27a9346f620?d=identicon&s=25 Mohammad (Guest)
on 2006-05-10 17:54
David C. wrote:
> Mohammad wrote:
>> I was at http://rails.techno-weenie.net/ and I like what ajax does when
>> you click on "login" how can I do this on my own website? Is this with
>> the defualt JS libary?
>
> Check Out: http://script.aculo.us/
> and:
> http://wiki.script.aculo.us/scriptaculous/show/Com...
So maybe it's .slidedown with a transparncey so how do I set a 80%
transparncy?
25e11a00a89683f7e01e425a1a6e305c?d=identicon&s=25 Wilson Bilkovich (Guest)
on 2006-05-10 18:24
(Received via mailing list)
On 5/10/06, Mohammad <name.goes.here44@gmail.com> wrote:
> > It's not AJAX, just a cool Javascript effect. Search for 'Panels' in
> > this file:
> > http://svn.techno-weenie.net/projects/rails_help/p...
>
> It's not under panels
>

Aah. The latest version in the repository does it a different way.
You can see it on the live site:
http://rails.techno-weenie.net/javascripts/rails_help.js
2da252cc1d2fb3701126171831b50a65?d=identicon&s=25 Dave Coleman (pezdude)
on 2006-05-10 20:33
Mohammad wrote:
> David C. wrote:
>> Mohammad wrote:
>>> I was at http://rails.techno-weenie.net/ and I like what ajax does when
>>> you click on "login" how can I do this on my own website? Is this with
>>> the defualt JS libary?
>>
>> Check Out: http://script.aculo.us/
>> and:
>> http://wiki.script.aculo.us/scriptaculous/show/Com...
> So maybe it's .slidedown with a transparncey so how do I set a 80%
> transparncy?

The div has an id of "panel". "panel" has a style that applies the
transparency / opacity.
He's using the scriptaculous blindDown toggle effect to show / hide the
div.

Hope that helps.
2da252cc1d2fb3701126171831b50a65?d=identicon&s=25 Dave Coleman (pezdude)
on 2006-05-10 20:38
i actually didnt answer your question:

>so how do I set a 80% transparncy?

<div id="yourdivname" style="opacity:.93; display: none;">wee love
beans</div>

<a href="#" onclick="new Effect.toggle('yourdivname', 'blind'); return
false;">show me / hide me</a>

You'll need the scriptaculous js libraries for this to work of course.

http://script.aculo.us/
This topic is locked and can not be replied to.