Anyone know how this website section was put together?

[gwnh2]

Hi everyone,

I'm trying to figure out how a particular section of a web page has been put together. The section I'm looking at is at the following address:

http://www.proactiv.com.au/Proactiv_AU/Product.aspx

If you click on each of the buttons to the left, ie. where it says "3-Piece Value Pack" etc. the information to the right relating to that product scrolls up automatically.

I wondered if someone could tell me how this was done, ie. actionscript, javascript etc. and whether it can be done in Dreamweaver?

Appreciate any advice.

Thanks

 

[johnwm]

A cursory glance at the page source code clearly shows the javascript used - or is there something else that you're asking?

If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller

 

[imeldesign]

you can install the ajax spry widgets from here:

http://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_spry

Here is some sample links:

http://labs.adobe.com/technologies/spry/samples/

Google some tutorials for it. I saw a great on on Lynda.com but I have a subscription.

It can be done with sliding panels or a variation of them.

 

[gwnh2]

Thanks for the replies,

It's good to know it can be done within Dreamweaver. I'll check out the tutorials on lynda.com and the links.

Also aren't the ajax spry widgets already installed in dreamweaver? I have cs4.

 

[imeldesign]

Yes, but if you do the pre-release version it puts a whole bunch more on it.
The tutorial I saw on lynda.com was Dreamweaver CS3 Projects: Creating Custom Spry Widgets. The tutorial used sliding panels sideways but the concept is the same.

 

[gwnh2]

Okay thanks again for explaining it all.