# AJAX effects **URL:** \ **Category:** Rails\ **Created:** [May 10, 2006, 4:37pm UTC](https://www.ruby-forum.com/t/ajax-effects/94661 "2006-05-10T16:37:20Z")\ **Posts on this page:** 8\ **Page:** 1
**Author:** ![mohammad](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/e274bd/32.png) [@mohammad](https://www.ruby-forum.com/u/mohammad)\ **Post date:** [May 10, 2006, 4:37pm UTC](https://www.ruby-forum.com/t/ajax-effects/94661/1 "2006-05-10T16:37:20Z")
I was at [http://rails.techno-weenie.net/](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? ---
**Author:** ![mohammad](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/e274bd/32.png) [@mohammad](https://www.ruby-forum.com/u/mohammad)\ **Post date:** [May 10, 2006, 5:19pm UTC](https://www.ruby-forum.com/t/ajax-effects/94661/2 "2006-05-10T17:19:16Z")
Mohammad wrote: > I was at [http://rails.techno-weenie.net/](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/](http://script.aculo.us/) and: [http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo](http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo) ---
**Author:** ![mohammad](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/e274bd/32.png) [@mohammad](https://www.ruby-forum.com/u/mohammad)\ **Post date:** [May 10, 2006, 5:37pm UTC](https://www.ruby-forum.com/t/ajax-effects/94661/3 "2006-05-10T17:37:12Z")
On 5/10/06, Mohammad [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) wrote: > I was at [http://rails.techno-weenie.net/](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/](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/public/javascripts/rails\_help.js](http://svn.techno-weenie.net/projects/rails_help/public/javascripts/rails_help.js) ---
**Author:** ![mohammad](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/e274bd/32.png) [@mohammad](https://www.ruby-forum.com/u/mohammad)\ **Post date:** [May 10, 2006, 5:53pm UTC](https://www.ruby-forum.com/t/ajax-effects/94661/4 "2006-05-10T17:53:13Z")
Wilson B. wrote: > On 5/10/06, Mohammad [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) wrote: > > > I was at [http://rails.techno-weenie.net/](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/](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/public/javascripts/rails\_help.js](http://svn.techno-weenie.net/projects/rails_help/public/javascripts/rails_help.js) It’s not under panels ---
**Author:** ![mohammad](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/e274bd/32.png) [@mohammad](https://www.ruby-forum.com/u/mohammad)\ **Post date:** [May 10, 2006, 6:24pm UTC](https://www.ruby-forum.com/t/ajax-effects/94661/5 "2006-05-10T18:24:41Z")
On 5/10/06, Mohammad [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) wrote: > > It’s not AJAX, just a cool Javascript effect. Search for ‘Panels’ in > > this file: > > [http://svn.techno-weenie.net/projects/rails\_help/public/javascripts/rails\_help.js](http://svn.techno-weenie.net/projects/rails_help/public/javascripts/rails_help.js) > > 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](http://rails.techno-weenie.net/javascripts/rails_help.js) ---
**Author:** ![mohammad](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/e274bd/32.png) [@mohammad](https://www.ruby-forum.com/u/mohammad)\ **Post date:** [May 10, 2006, 5:54pm UTC](https://www.ruby-forum.com/t/ajax-effects/94661/6 "2006-05-10T17:54:39Z")
David C. wrote: > Mohammad wrote: > > > I was at [http://rails.techno-weenie.net/](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/](http://script.aculo.us/) > and: > [http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo](http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo) > So maybe it’s .slidedown with a transparncey so how do I set a 80% > transparncy? ---
**Author:** ![mohammad](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/e274bd/32.png) [@mohammad](https://www.ruby-forum.com/u/mohammad)\ **Post date:** [May 10, 2006, 8:38pm UTC](https://www.ruby-forum.com/t/ajax-effects/94661/7 "2006-05-10T20:38:56Z")
i actually didnt answer your question: > so how do I set a 80% transparncy? wee love beans show me / hide me You’ll need the scriptaculous js libraries for this to work of course. [http://script.aculo.us/](http://script.aculo.us/) ---
**Author:** ![mohammad](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/m/e274bd/32.png) [@mohammad](https://www.ruby-forum.com/u/mohammad)\ **Post date:** [May 10, 2006, 8:33pm UTC](https://www.ruby-forum.com/t/ajax-effects/94661/8 "2006-05-10T20:33:24Z")
Mohammad wrote: > David C. wrote: > > > Mohammad wrote: > > > > > I was at [http://rails.techno-weenie.net/](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/](http://script.aculo.us/) > > and: > > [http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo](http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo) > > 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.