-1

I came across this amazing thing I want to do the same on my website. Its from this link , the magics happens when you click on this button, does anyone knows how this can be done, or what is this effect / widget called so I can google for potentially solutions. thank you

Details from viewing site:

Clicking the alt text (Left Arrow Image) causes the left panel to collapse to a minimal state (at which point the arrow changes direction and the process can be reversed)

UPDATE: How to position Left Arrow Image in that same place as in the website above, can I get some css hints ? thank you

UPDATE 2 : I'm currently using prototype for several functionalities on my website. thx

Glorfindel
  • 21,988
  • 13
  • 81
  • 109
Gandalf StormCrow
  • 25,788
  • 70
  • 174
  • 263
  • The button image you linked to doesn't work. – Pekka Dec 04 '09 at 13:32
  • Thank you for the edit scunliffe – Gandalf StormCrow Dec 04 '09 at 13:58
  • Are you using any JS frameworks at the moment? e.g. jQuery, mootools, etc. If so, please specify as it would help us provide the most useful solution. – scunliffe Dec 04 '09 at 14:04
  • 1
    Actually, the effect is done very badly. They let the text get squished like an unhappy slice of meat in a cruelly tight sandwich. They should keep the text container's width fixed and animate the width of the text container's container (whoa) having set this second container's "overflow" property to "hidden". – Kaze no Koe Dec 04 '09 at 14:11

2 Answers2

1

It looks like they did it using mootools, but I think it's called a "slide" effect, and almost every javascript framework (prototype using scriptacouls, jQuery, etc.) has support to do that effect, and similar ones.

Shalom Craimer
  • 20,659
  • 8
  • 70
  • 106
0

you can google for feedback widget and come up with a variety of those .. also not incredibly difficult to build with jQuery's animate() function ..

Scott Evernden
  • 39,136
  • 15
  • 78
  • 84