Cacher le formulaire de commentaire
Voici un code jQuery[1] emprunté au thème Noviny pour cacher le formulaire de commentaire et n'afficher qu'un lien cliquable Ajouter un commentaire
.
Rendez-vous sur le Tableau de bord de votre blog, cliquez sur Apparence du blog puis sur le bouton Éditeur de thème. Enfin, cliquez sur le lien _head.html à droite, collez le code suivant à la suite du code du fichier et enregistrez le fichier.
<script type="text/javascript">
//<![CDATA[
$(function() {
if ($('body.dc-post, body.dc-page').length == 0) { return; }
if ($('#pr').length > 0) { return; }
var link = $('<a href="#">' + $('#comment-form h3:first').text() + '</a>').click(function() {
$('#comment-form fieldset').show(200);
$('#c_name').focus();
$(this).parent().html($(this).text());
return false;
});
$('#comment-form h3:first').empty().append(link);
$('#comment-form fieldset').hide();
});
//]]>
</script>
Merci à Olivier pour le code originel.
Discussion sur le forum de Dotclear.
Notes
[1] jQuery nécessite un navigateur avec JavaScript activé
Commentaires
J'ai testé l'astuce sur un thème dérivée de Noviny et cela ne marche pas ...
Je ne sait pas encore pourquoi.
Pierre
Idem, j'ai bien le "Ajouter un commentaire" qui se transforme en lien à usage unique, mais le formulaire est toujours bien la.
@Pierre : tu es sûr d'avoir copié le code ? Il n'apparaît pas dans la source de ta page.
@Fab : le but de ce script est d'avoir un lien , donc il fonctionne chez toi. Si tu veux supprimer le formulaire, ferme les commentaires du billet ou du blog que tu veux.
il marche mais j'ai l'impression qu'il y a un conflit avec le plugin Envoyer à un ami, qui lui affiche une page sans formulaire...
@avhs : une solution a été donnée sur le forum : http://forum.dotclear.net/viewtopic...
Je vais ajouter un lien vers cette discussion dans le billet au-dessus.
La solution pour ceci est d'etre bien sure de coller le code la ou il faut...
voici un example:
<script type="text/javascript" src="{{tpl:BlogThemeURL}}/../default/js/jquery.js"></script>
<script type="text/javascript" src="{{tpl:BlogThemeURL}}/../default/js/jquery.cookie.js"></script>
// debut du script - faut s'assurer de coller le javascript avec les elements {{tpl: >>> a la fin du fichier
<script type="text/javascript">
//<![CDATA[
$(function() {
if ($('body.dc-post, body.dc-page').length == 0) { return; }
if ($('#pr').length > 0) { return; }
var link = $('<a href="#">' + $('#comment-form h3:first').text() + '</a>').click(function() {
$('#comment-form fieldset').show(200);
$('#c_name').focus();
$(this).parent().html($(this).text());
return false;
});
$('#comment-form h3:first').empty().append(link);
$('#comment-form fieldset').hide();
});
//]]>
</script>
// fin du script
{{tpl:}}
{{tpl:SysBehavior behavior="publicHeadContent"}}
@fredo : j'ai mis en forme ton commentaire.
C'est la solution à quoi ? C'est le même code que dans le billet au-dessus ?
@ avhs : la version 1.0.4 de sendtofriend corrige le soucis.
Excellent ce tips!
Merci pour ce tip!