Max
Sorry for the delay!
Haven’t had the chance to use your suggestions yet. Probably next week. The Lightbox was always on the page and worked fine until I added the accordion menu. It’s a real simple menu. I’ve used others in the past, but this one was the easiest I’ve seen.
You can find it here:
http://roshanbh.com.np
I used Ditto for the menu items (Wayfinder would have worked just as easily). All you have to do is insert either call where your list would go. On sites that have a lot of content I’ve been trying to find a nice way to implement a menu that doesn’t take up a ton of space. I like this accordion version. The list is limited to 10. The last item in each menu is a ’Show All’ that takes you to the category page that paginates all of the items in the folder.
I’ll let you know next week about getting Lightbox to work with it.
Below is the chunk I created for the menu - it includes the newsletter subscription, etc.
<div id="firstpane" class="menu_list"> <!--Code for menu starts here-->
<p class="menu_head">articles<br /><span class="subhead">business & marketing</span></p>
<div class="menu_body">
[[Ditto? &startID=`50` &summarize=`10` &removeChunk=`Comments` &tpl=`journalList2` &paginate=`0` &extenders=`summary,dateFilter` &paginateAlwaysShowLinks=`0` &tagData=`documentTags`]]
<div class="ditto_journalList2"> <h5><a href="Articles">All Articles »</a></h5>
<div class="journal_info2" >Chronological Listing</div>
</div>
</div>
<p class="menu_head">News<br /><span class="subhead">what's going on here</span></p>
<div class="menu_body">
[[Ditto? &startID=`48` &summarize=`10` &removeChunk=`Comments` &tpl=`journalList2` &paginate=`0` &extenders=`summary,dateFilter` &paginateAlwaysShowLinks=`0` &tagData=`documentTags`]]
<div class="ditto_journalList2"><h5><a href="IDNews">All News Items »</a></h5>
<div class="journal_info2" >Chronological Listing</div>
</div>
</div>
<p class="menu_head">Blog<br /><span class="subhead">miscellaneous ramblings</p>
<div class="menu_body">
[[Ditto? &startID=`52` &summarize=`10` &removeChunk=`Comments` &tpl=`journalList2` &paginate=`0` &extenders=`summary,dateFilter` &paginateAlwaysShowLinks=`0` &tagData=`documentTags`]]
<div class="ditto_journalList2"><h5><a href="Blog">All Blog Entries »</a></h5>
<div class="journal_info2" >Chronological Listing</div>
</div>
</div>
<p class="menu_head">Subscriptions<br /><span class="subhead">RSS News, Newsletter & Social</p>
<div class="menu_body">
<div class="rss">
<a href="feed.rss">RSS Newsfeed Subscription</a>
</div>
<p>
<script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"The e-mail you typed is not valid. Please try again.")==false)
{email.focus();return false}
}
}
</script>
<table>
<tr>
<td><h5>Newsletter</h5>
Please input your name and e-mail to subscribe or unsubscribe our newsletter:</td>
</tr><tr>
<td><form action="" onsubmit="return validate_form(this);" method="post">
First name<br />
<input type="text" name="firstname" size="25" maxlength="50"><br />
Last name<br />
<input type="text" name="lastname" size="25" maxlength="50"><br />
e-mail<br />
<input type="text" name="email" size="25" maxlength="50"><br />
<input type="hidden" name="op" value="set">
<input type="radio" name="option" value="subscribe" CHECKED>Subscribe
<input type="radio" name="option" value="unsubscribe">unsubscribe
<br /><input type="submit" value="Submit" >
</form>
</td>
</tr>
</table></p>
<br clear="left" />
<a href="http://twitter.com/jackmcdaniel"><img src="img/twittericon.gif" alt="twitter" border="0" /></a>
<a href="http://www.linkedin.com/pub/8/a10/49b"><img src="img/linkedin.gif" alt="linkedin" border="0" /></a>
</div>
