Powered by
Movable Type 3.2
Design by
Danny Carlton





Made with NoteTab

June 11, 2005

The Collapsible Blogroll

As you can see I decided to convert my blogrolls to a collapsible form. It's not that hard to do. Here is the basic code:

<span id="blogroll16" name="blogroll16" style="cursor:pointer"
onclick="
if(document.all)
    {
  br16more.style.display='';
  blogroll16.style.display='none';
  }
else
  {
  br16more = document.getElementById('br16more');
  br16more.style.display='';
  blogroll16 = document.getElementById('blogroll16');
  blogroll16.style.display='none';
  }
"><h2>
Mind & Media Reviewers»</h2></span>
<div id="br16more" name="br16more" style="display:none;">
<span style="cursor:pointer; "
onclick="
if(document.all)
  {
  br16more.style.display='none';
  blogroll16.style.display='';
  }
else
  {
  br16more.style.display='none';
  blogroll16.style.display='';
  }
"><h2>«
Mind & Media Reviewers</h2></span><br>
<div>
<script language="javascript" type="text/javascript"
src="http://rpc.bloglines.com/blogroll?id=StacyHarp"></script>
</div>
</div><br>

The id/name blogroll16 can be changed, but just make sure you change every instance of it. The same goes for  br16more. The text in red is the title of the blogroll and the text in green is the actual blogroll. When you copy the above, paste it first in a word processor that strips out character formatting (I use Super NoteTab) otherwise you might get some really odd results.

Posted by Danny Carlton at June 11, 2005 09:11 AM

Trackback Pings

TrackBack URL for this entry:
http://www.jacklewis.net/cgi-bin/mt/jl-tb.cgi/1405

Comments

well, if I get to the site through RSS, like I did, the archive page doesn't have that hip-now-with-it code. the front page looks great, though. maybe I'm doing something wrong...

Posted by: MacStansbury at June 11, 2005 12:43 PM

Yeah, I've only done it to the front page so far. I'll probably get it on the individual pages eventually.

Posted by: Danny Carlton at June 11, 2005 03:18 PM

Post a comment




Remember Me?

(you may use HTML tags for style)

Security verification

Type the characters you see in the image above.