Friday, January 07, 2005
Blogger.com Template Show/Hide Setup
I spent quite a bit of time getting my blogger.com Template set up to have a Show/Hide capability a little better than that provided in the Blogger Hacks instructions for a show/hide link. ...
I wanted a summary section shown on the main page, not just the title. Looks like I've gotten it working pretty well now.
I ended up with some JavaScript doing DOM navigation to change the class of the show/hide nodes. It isn't quite perfect, what I'd really rather do is simply change the style of the span classes, but I've spent enough time already, and it's pretty much working. I just have to change the bodies of my posts (like this text right here) to put it in a span tag with class set to hidden.
I can also have an ellipsis showing that there's more text. The only drawback so far is that the ellipsis is always shown on the Item page, but that's not too big a deal.
I wanted a summary section shown on the main page, not just the title. Looks like I've gotten it working pretty well now.
I ended up with some JavaScript doing DOM navigation to change the class of the show/hide nodes. It isn't quite perfect, what I'd really rather do is simply change the style of the span classes, but I've spent enough time already, and it's pretty much working. I just have to change the bodies of my posts (like this text right here) to put it in a span tag with class set to hidden.
I can also have an ellipsis showing that there's more text. The only drawback so far is that the ellipsis is always shown on the Item page, but that's not too big a deal.
Subscribe to Posts [Atom]