Bouton "vote pour ce message" comme sur le fdf

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Résolu Bouton "vote pour ce message" comme sur le fdf

Message par Admin'R le Ven 18 Sep 2015 - 9:16

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.




Dernière édition par Admin'R le Sam 19 Sep 2015 - 19:00, édité 1 fois

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bouton "vote pour ce message" comme sur le fdf

Message par Feuilla' le Ven 18 Sep 2015 - 12:24


Feuilla'
# Tropactif #

Messages : 1388
Inscrit(e) le : 26/07/2015

Feuilla' a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton "vote pour ce message" comme sur le fdf

Message par Admin'R le Ven 18 Sep 2015 - 17:31

Ca ne fonctionne pas chez moi. Crying or Very sad

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton "vote pour ce message" comme sur le fdf

Message par Ange Tuteur le Ven 18 Sep 2015 - 17:40

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://illiweb.com/fa/optimisation_fdf/common/buttonok.png" alt="Voter" title="Voter ce message" />').click(function(){
      $.get($(this).attr("href"));
      $(this).parent().html('<img src="http://illiweb.com/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()
  });
});

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton "vote pour ce message" comme sur le fdf

Message par Admin'R le Ven 18 Sep 2015 - 18:14

bonjour,

Merci de votre aide je vais tester çà.

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton "vote pour ce message" comme sur le fdf

Message par Admin'R le Ven 18 Sep 2015 - 21:08

Ca ne fonctionne pas Confused

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bouton "vote pour ce message" comme sur le fdf

Message par Ange Tuteur le Ven 18 Sep 2015 - 21:23

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

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

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton "vote pour ce message" comme sur le fdf

Message par Admin'R le Sam 19 Sep 2015 - 16:08

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

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.


Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bouton "vote pour ce message" comme sur le fdf

Message par Ange Tuteur le Sam 19 Sep 2015 - 16:30

Bonjour,

l'image n'affiche pas pour moi. reflexion

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bouton "vote pour ce message" comme sur le fdf

Message par Admin'R le Sam 19 Sep 2015 - 16:44

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


Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bouton "vote pour ce message" comme sur le fdf

Message par Ange Tuteur le Sam 19 Sep 2015 - 16:59

Merci ! Mr. Green

Remplacer le script par :
Code:
$(function(){
  $(".vote").each(function(){
    $(this).find(".vote-button:first a").html('<img src="http://illiweb.com/fa/optimisation_fdf/common/buttonok.png" alt="Voter" title="Voter ce message" />').click(function(){
      $.get($(this).attr("href"));
      $(this).parent().html('<img src="http://illiweb.com/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 }

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton "vote pour ce message" comme sur le fdf

Message par Admin'R le Sam 19 Sep 2015 - 18:17

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 Embarassed


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.

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Bouton "vote pour ce message" comme sur le fdf

Message par Ange Tuteur le Sam 19 Sep 2015 - 18:34

de rien. Smile

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

Ange Tuteur
****

Masculin
Messages : 476
Inscrit(e) le : 16/11/2013

https://github.com/SethClydesdale
Ange Tuteur a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bouton "vote pour ce message" comme sur le fdf

Message par Admin'R le Sam 19 Sep 2015 - 18:59

Formidable Merci à vous pour cette efficacité cheers cheers

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

Admin'R
****

Messages : 284
Inscrit(e) le : 28/11/2008

http://sectr.1fr1.net/forum.htm
Admin'R a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum