Thingys & Doodads - IV

In this edition of Thingys & Doodads we'll look at an expanding / collapsing comment script from the Scripty Goddess.

This particular script is an "in-line" script for php sites. It will produce this:

Permalink | Show Comments(3) | Add Comment | Trackback(2)

Installation instructions:

Cut and paste the following code between the tags in every page that you want to utilize the script:

<!-- Begin Scripty Goddess Show/Hide Comments -->
<script type="text/javascript">
function showMoreComments(entryID, entryLink, htmlObj) {
extTextDivID = ('extText' + (entryID));
extLinkDivID = ('extLink' + (entryID));
if( document.getElementById ) {
if( document.getElementById(extTextDivID).style.display ) {
if( entryLink != 0 ) {
document.getElementById(extTextDivID).style.display = "block";
document.getElementById(extLinkDivID).style.display = "none";
htmlObj.blur();
} else {
document.getElementById(extTextDivID).style.display = "none";
document.getElementById(extLinkDivID).style.display = "block";
}
} else {
location.href = entryLink;
return true;
}
} else {
location.href = entryLink;
return true;
}
}
</script>
<!-- Begin Show/Hide Comments -->

Next, in the section of the Main Index Template, cut the code for the "posted by" section and paste the following code in:

<!-- Begin Scripty Goddess Show/Hide Comments -->
<div id="extLink<$MTEntryID$>">
<a href="<$MTEntryPermalink$>">Permalink</a>
<MTEntryIfAllowComments>
<?php if (<$MTEntryCommentCount$> > 0) { ?>
| <a href="<$MTEntryPermalink$>" name="ext<$MTEntryID pad="1"$>" onclick="showMoreComments(<$MTEntryID$>,'<$MTEntryPermalink$>', this);return false;">Show Comments (<$MTEntryCommentCount$>)</a>
<?php } ?>
| <a href="<$MTEntryPermalink$>#comments">Add your comment</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTCGIPath$><$MTTrackbackScript$>?__mode=view&entry_id=<$MTEntryID$>" onclick="OpenTrackback(this.href); return false">TrackBack (<$MTEntryTrackbackCount$>)</a>
</MTEntryIfAllowPings>
</div>
<div id="extText<$MTEntryID$>" style="display: none">
<a href="<$MTEntryPermalink$>">Permalink</a>
<MTEntryIfAllowComments>
| <a href="#ext<$MTEntryID pad="1"$>" onclick="showMoreComments(<$MTEntryID$>,0, this);return true;">Hide Comments</a>
| <a href="<$MTEntryPermalink$>#comments">Add your comment</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTCGIPath$><$MTTrackbackScript$>?__mode=view&entry_id=<$MTEntryID$>" onclick="OpenTrackback(this.href); return false">
TrackBack (<$MTEntryTrackbackCount$>)
</a>
</MTEntryIfAllowPings>
<MTEntryIfAllowComments>
<MTComments>
<$MTCommentBody$>
<p>Posted by <$MTCommentAuthorLink show_email="0"$> at <$MTCommentDate$></p><br>
</MTComments>
</MTEntryIfAllowComments>
<a href="<$MTEntryPermalink$>">Permalink</a>
<MTEntryIfAllowComments>
| <a href="#ext<$MTEntryID pad="1"$>" onclick="showMoreComments(<$MTEntryID$>,0, this);return true;">Hide Comments</a>
| <a href="<$MTEntryPermalink$>#comments">Add your comment</a>
</MTEntryIfAllowComments>
<MTEntryIfAllowPings>
| <a href="<$MTCGIPath$><$MTTrackbackScript$>?__mode=view&entry_id=<$MTEntryID$>" onclick="OpenTrackback(this.href); return false">TrackBack (<$MTEntryTrackbackCount$>)</a>
</MTEntryIfAllowPings>
</div>

As usual, you can edit any of the text labels to personalise the site with your own peculiar wit.

I have not tried this particular script so, if you have any problems installing it, go to the Scripty Goddess post and read the post and the following discussion thread.

Posted by Madfish Willie at April 29, 2004 10:22 PM