Bouton "vote pour ce message" comme sur le fdf

[Admin'R]

Détails techniques

Version du forum : Invision
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://sectr.1fr1.net/forum.htm

Description du problème

Bonjour,

Malgré mes recherches sur le sujet je bute sur la mise ne place d'une option sur mon forum : pour faire simple j'aimerais mettre en place comme sur le FDF un bouton "vote pour ce message" sur mon forum.

Je cherche le même fonctionnement que l'on trouve sur ce forum d'entraide.

Je dois manquer quelque chose et habituellement la fonction recherche suffit à mon bonheur, mais la je fais choux blanc depuis un moment.

merci a tous ceux qui pourront m'aiguiller.

[Feuilla']

Bonjour,
la solution est donnée ici :
https://forum.forumactif.com/t324952-ajouter-un-bouton-voter-pour-ce-message#2816968

Bonne journée !

[Admin'R]

Ca ne fonctionne pas chez moi.

[Ange Tuteur]

Bonjour Admin'R,

Pour la version forum invision remplacer le JavaScript par :

Code:

$(function(){
  $(".vote").each(function(){
    $(this).find(".vote-button:first a").html('<img src="http://2img.net/i/fa/optimisation_fdf/common/buttonok.png" alt="Voter" title="Voter ce message" />').click(function(){
      $.get($(this).attr("href"));
      $(this).parent().html('<img src="http://2img.net/i/fa/optimisation_fdf/common/buttonok_off.png"  alt="Vote enregistré" title="Vote enregistré" />');
      return!1
    });
    $(this).closest(".post").find("ul.posting-icons").append("<li />").find("li:last").append($(this).find(".vote-button:first a")).append($(this).find(".vote-bar").length?' <div class="vote-count" title="Nombre de votes positifs">'+$(this).find(".vote-bar").attr("title").replace(/^.*\(([0-9]*) .*?\)$/,"$1"):"")+'</div>';
    $(this).remove()
  });
});

[Admin'R]

bonjour,

Merci de votre aide je vais tester çà.

[Admin'R]

Ca ne fonctionne pas

[Ange Tuteur]

Avez-vous activé le système de réputation ?

PA > Modules > Réputation > Activer le système de réputation

[Admin'R]

Je suis bête, j'avais oublié de réactiver le système de réputation

Mais ça fonctionne, le bouton apparait et cela semble bien fonctionner. Toute fois la position dans le corps message n'est pas optimum. J'aimerai l'avoir comme sur le fdf, flèche verte sur ma capture d'écran, plutôt qu'au lieu actuel, flêche rouge.

[Ange Tuteur]

Bonjour,

l'image n'affiche pas pour moi.

[Admin'R]

Merci de l'attention que vous portez a mon soucis, en dehors du css je suis extrêmement limité . Je charge sur l'hebergeur .

[Ange Tuteur]

Merci !

Remplacer le script par :

Code:

$(function(){
  $(".vote").each(function(){
    $(this).find(".vote-button:first a").html('<img src="http://2img.net/i/fa/optimisation_fdf/common/buttonok.png" alt="Voter" title="Voter ce message" />').click(function(){
      $.get($(this).attr("href"));
      $(this).parent().html('<img src="http://2img.net/i/fa/optimisation_fdf/common/buttonok_off.png"  alt="Vote enregistré" title="Vote enregistré" />');
      return!1
    });
    $(this).closest(".post").find(".post-entry").prepend("<div class='faVote'></div>").find(".faVote:last").append($(this).find(".vote-button:first a")).append($(this).find(".vote-bar").length?' <div class="vote-count" title="Nombre de votes positifs">'+$(this).find(".vote-bar").attr("title").replace(/^.*\(([0-9]*) .*?\)$/,"$1"):"")+'</div>';
    $(this).remove()
  });
});

et ajouter ce code CSS :

Code:

.faVote { float:right }
.faVote + div { clear:right }

[Admin'R]

Formidable, merci! Va falloir vraiment que je penche que sorte du seul CSS ( formidable pour un débutant mais limité au final ).

J'ose une dernière demande pour finaliser mon projet, et la mise en place de se bouton "vote pour ce message" sous Invision. Lorsque le vote a été enregistré sur mon site le numéro apparait dans le vide.


Tandis que sur le FDF c'est comme çà. comme j'aimerai


Je suis partis dans la comparaison des codes mes je n'ai pas trouvé encore. Je travaille pour le moment par comparaison, donc un peu dans le flou dans le java. Merci de votre aide fort précieuse.

[Ange Tuteur]

de rien.

Remplacer https://i.servimg.com/u/f43/14/33/98/96/button10.png dans le CSS par :
https://i.servimg.com/u/f21/18/45/41/65/button10.png

[Admin'R]

Formidable Merci à vous pour cette efficacité

A moi maintenant de comprendre tout ce que j'ai fais et de peaufiner les détails.