Asynchronous Peek-A-Boo Comments

De Singpolyma... que he conseguido hacer funcionar en mi vetusto navegador IE. De esta manera:

1º.- Id a Edición de plantilla y expandidla:

Insertad, antes del cierre /head, el siguiente script:

<script type="text/javascript">

//<![CDATA[

var comment_form_template = '<div class="commentelem"><div class="comment-poster">[[AUTHOR]]</div>\n'

+ '<div class="comment-body"><div class="innerCmntBody">[[BODY]]</div></div>\n'

+ '<div class="comment-timestamp"><a href="[[PERMALINK]]" title="comment permalink">[[DATE]]</a></div></div>\n';



if(typeof(thisblog_showCommentPhotos) == 'undefined')

thisblog_showCommentPhotos = false;



//]]>

</script>



<script src='http://jscripts.ning.com/get.php?xn_auth=no&amp;amp;id=2941927' type='text/javascript'></script>

2º.- Bajad la plantilla hasta la tag <b:includable id='comments' var='post'>

<div class='comments' id='comments'>


y sustituid esta última línea (div) or lo siguiente:

<div class='comments' expr:id='"comments" + data:post.id'>

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"commentsul" + data:post.id'> </div>

<script type='text/javascript'>

document.getElementById('comments<data:post.id/>').style.display = 'none';

</script>

</b:if>

3º.- Encontrad esta sección: <b:includable id='main' var='top'>

<!-- posts -->

y, dentro de ella, localizad algo parecido a ésto:

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:post.allowComments'>

<b:include data='post' name='comments'/>

</b:if></b:if>


Reemplazad toda esta condicional (de b:if a /b:if) por esta otra:

<b:if cond='data:post.allowComments'>

<b:include data='post' name='comments'/>

</b:if>

4º.- La sección de las entradas de la plantilla, comienza con algo así: <b:includable id='post' var='post'>

Encontrad, dentro de esta tag, la siguiente condicional:

<b:if cond='data:post.allowComments'>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

</b:if>


Y reemplazadla entera (de apertura b:if a cierre /b_if), por la siguiente:

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:post.allowComments'>

<b:loop values='data:post.feedLinks' var='f'>

<a class="comments" rel="comments" expr:href='data:post.url + "#comments"' expr:onclick='"peekaboo_comments_display(&amp;quot;" + data:f.url + "&amp;quot;,&amp;quot;commentsul" + data:post.id + "&amp;quot;,thisblog_showCommentPhotos);toggleitem(&amp;quot;comments" + data:post.id + "&amp;quot;);return false;"'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

</b:loop>

</b:if>

<b:else/>

<b:if cond='data:post.allowComments'>

<a class='comment-link' expr:href='data:post.url + "#comments"' expr:onclick='"toggleitem(&amp;quot;comments" + data:post.id + "&amp;quot;);return false;"'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>

</b:if>

</b:if>

Ya está... si queréis, cambiad la parte de los códigos que necesitéis para acomodar el plural y singular de los comentarios (mirad en Ayuda&Kaos) y ¡OJO!: antes de realizar este hack, casi mejor que dejáis una copia de vuestra plantilla a buen recaudo... por si las moscas ;)

----------------------

Pd: se me olvidaba recordaros que, con este "sistema", se despliegan los comentarios haciendo "click" en el número de comentarios, bajo la entrada. No hace falta subir para picar en el título (aunque también se puede, claro... pero eso... es de lo más habitual :) )