A simple tip for wordpress blogs to hide oldest comments at single load page with jQuery.


For this tip, I suppose you already load jQuery JS framework in your blog.

In your wordpress theme directory, edit 'comments.php' and add the code below to to the end of the file :

[sourcecode]

jQuery(document).ready(function() {

var $comment = $('#comment_list') ;
var $comments = $comment.find('li') ;
var num2display = 8 ;

// -- Hide all comments except 'num2display' newest
$comments.slice(0, $comments.length - num2display).css({display:'none'}) ;

// -- Create the 'Show all comments' link
if ( $comments.length > num2display ) {
$show_all = $('

Click here to view the '+Math.max(0, $comments.length - num2display) +' other comments...

') ;

// -- Bind click on link
$show_all.click(function() {
$comments.css({display:'block'}) ;
$(this).remove() ;
}) ;

// -- Insert link to click after comments list
$show_all.insertAfter($comment.find('ul')) ;
}
}) ;

[/sourcecode]

Then, at load page, you will only have the 8 newest comments on your post and a link to show others.

Look at this blog for more examples and have fun with jQuery !

Web2ajaX has a new face today !!

More Funky, more colored, I hope those changes on theme will enjoy your navigation on this blog.

Bye and see you for the next episode...

Pour continuer avec l'iPhone, j'ai trouvé ce plugin hyper simple à installer pour transformer votre blog wordPress en version iPhone : WPTouch

Celui-ci détecte automatiquement le user agent et si vous surfez avec un iPhone, vous verrez le site en version optimisée pour l'iPhone.
Je l'ai installé en moins de 2 minutes :)

Et si jamais vous souhaitez tout de même voir le site en version nomale : il y'a un lien en bas de page.

Y'a pas plus simple !!