How To: DHTML DIV Overflow?

Aaron,

This implementation is via JavaScript not CSS.

Take a look at this line of code for the 'Expand' DIV. The 'onClick' event action is JS. 
If you know JS then you might be able to dig a little further and determin what the 
function pndo() is doing to expand the section for viewing.

<div align="right" style="width:627px;cursor:pointer;" onClick="pndo(overview,'oreilly',
divImage0)">
   <img border="0" align="absmiddle" src="images/expand_btn.gif" alt="Expand" id="divImage0">
</div>

But if you do come up with something more css-centric please pass it on.

P-

----- Original Message ----
From: Aaron Roberson [EMAIL-REMOVED]>
To: CSS-D List (E-mail) [EMAIL-REMOVED]>
Sent: Tuesday, February 28, 2006 1:04:14 PM
Subject: [css-d] How To: DHTML DIV Overflow?

I am reving up to building a large corporate website for the
non-profit org that I am employed by and I am wanting to implement
some of the very cool features I have been seeing across the web.

Can anyone tell me how the Safari website from O'Reily makes the
expand work on the book descriptions (eg. http://tinyurl.com/h7uh9)?

I really like how you can click expand and the section srolls down
revealing more information. It scrolls very smoothly and show content
as it is scrolling.

Any ideas? I am thinking it may have to do with the overflow property
and some Javascript, but that is just a guess.

Thanks for your help,
Aaron
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

How To: DHTML DIV Overflow?

Sent by Paul Menard on 28 February 2006 18:06

Message thread: