Araceli wanted to see the template code I use for my OpenID commenting tabs, so here it is:
<h3 class="postComment">Post a comment</h3>
<script type="text/javascript" language="javascript" src="<$MTBlogURL$>comments.js"></script>
<div class="postComment">
<MTIfSignedIn><MTElse>
<script type="text/javascript">
function hide(x) {
document.getElementById(x).style['display'] = 'none';
}
function show(x) {
document.getElementById(x).style['display'] = 'block';
}
</script>
<div id="postCommentTabs">
<a class="postCommentTab selected" href="#" onclick="show('comments-form'); hide('postCommentOpenID'); hide('postCommentLiveJournal'); return false">Anonymous</a>
<a class="postCommentTab" href="<MTRemoteSignInLink static="1">"><img src="/weblog/nav-commenters.gif" width="22" height="15" alt="" /> TypeKey</a>
<a class="postCommentTab" href="#" onclick="hide('comments-form'); show('postCommentLiveJournal'); hide('postCommentOpenID'); return false"><img src="<MTStaticWebPath>/openid-comment/livejournal.gif" width="17" height="17" alt="" /> LiveJournal</a>
<a class="postCommentTab" href="#" onclick="hide('comments-form'); hide('postCommentLiveJournal'); show('postCommentOpenID'); return false"><img src="<MTStaticWebPath>/openid-comment/openid.gif" width="16" height="16" alt="" /> OpenID</a>
</div>
<div id="postCommentLiveJournal">
<MTLiveJournalSignOnThunk>
</div>
<div id="postCommentOpenID">
<MTOpenIDSignOnThunk>
</div>
</MTElse></MTIfSignedIn>
<form method="post" action="<$MTCGIPath$><$MTCommentScript$>" id="comments-form" name="comments_form" onsubmit="if (this.bakecookie.checked) rememberMe(this)"><p>
<input type="hidden" name="static" value="1" />
<input type="hidden" name="entry_id" value="<$MTEntryID$>" />
<MTIfVar name="previewing" value="1">
<input type="hidden" name="token" value="<MTRequirePreviewToken>" />
</MTIfVar>
<MTIfSignedIn>
<div>
<label class="formrow"><span class="label">You:</span> <span class="widget">
<MTSignedInName>
(<a href="<MTRemoteSignOutLink static="1">">sign out</a>)</span></label>
</div>
<MTElse>
<div id="postCommentAnonymous">
<label class="formrow"><span class="label">Name:</span> <span class="widget"><input id="author" name="author"<MTIfVar name="previewing" value="1"> value="<MTCommentPreviewAuthor>"</MTIfVar>></span></label><br />
<label class="formrow"><span class="label">Email:</span> <span class="widget"><input id="email" name="email"<MTIfVar name="previewing" value="1"> value="<MTCommentPreviewEmail>"</MTIfVar>> (optional; not shown)</span></label>
</div>
</MTElse></MTIfSignedIn>
<!-- rest of the posting form -->
</form>
</div>
Kinda complicated. I wouldn't recommend using this as it is. It also uses the TypeKISS plugin; you don't normally have an MTIfSignedIn tag. I'd like to get rid of the tabs, myself, but I haven't figured out how to simplify the interface but keep the features.
