Janet Chang wrote: > At 03:08 PM 8/9/2006, Christian Heilmann wrote: > >>>>>>> Basically, we need some way to code a "Show More" function that would >>>>>>> >>>>> allow >>>>> >>>>>>> us to take a long piece of text, shorten it to X maximum lines, then >>>>>>> >>>>> have a >>>>> >>>>>>> "Read more" link that when clicked would display the rest of the >>>>>>> >>> text on >>> >>>>>>> the page below the first half. >>>>>>> >>>> There you go: >>>> http://icant.co.uk/sandbox/morecontentlinks/ >>>> >>>> I didn't use any fancy word counting or anything, but instead you need >>>> to set a div with the class "more" around all the elements you want >>>> hidden. >>>> >>> Great, thanks! I will play around with implementing it on our pages. One >>> more thing....How would you do a "Hide" link to make the extra text >>> disappear after you're done reading it? >>> >> Added this functionality... >> >> -- >> Chris Heilmann >> Book: http://www.beginningjavascript.com >> Blog: http://www.wait-till-i.com >> Writing: http://icant.co.uk/ >> > > Thanks, Chris. I was able to get the code you sent to work with our text. > However, I'm wondering if there's a much less complicated formula for > getting this to work like that blog site without having to link to 4 js > files? > > Can't answer for Chris, don't know anything about javascript; and you did not provide, nor do I have, the link to the blog site you mention or your site. Since hot-metal has about as much relevance on a css list as javascript, I'd consider a print media method. Set the first p default flush left/scatter right. Then each succeeding p at at a reduced font-size and reduced lead with an indent first sentence.
Best, ~dL ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
