AwesomeBB : bouton citation rapide, problème d'image

[Invité]

Détails techniques

Version du forum : AwesomeBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Dès que je mets le code Javascript
Lien du forum : https://jeuxvideo-club.forumactif.com/

Description du problème

Bonjour,

Je rencontre un petit problème avec le code javascript de citation rapide.

J'ai bien suivi votre tutoriel : https://forum.forumactif.com/t357285-citation-rapide

J'ai choisi de mettre le code avec bouton :

Code:

$(document).ready(function(){
 
$("li.btn-quote").before($('<li class="btn-quickquote"><a href="#quick_reply" class="quickquote" title="Citation rapide"><i class="material-icons">format_quote</i><i class="material-icons">mouse</i></a></li>'));
 
  $(".post .post-content").mouseup(function(e){
      qtext = $(this).parents(".post-body");
      if (window.getSelection)
      theSelection = window.getSelection().toString();
      else if (document.getSelection)
      theSelection = document.getSelection();
      else if (document.selection)
      theSelection = document.selection.createRange().text;
      });
          $(".quickquote").click(function () {
          uname = qtext.find(".post-aside .post-author-name a").text();
            $("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
            $('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
            });
 
});

Cela fonctionne mais je n'ai pas l'image :



Ensuite, j'ai remplacé par

Code:

$("a:has(.i_icon_quote)").before($('<a href="#quick_reply" style="text-decoration:none;"><img src="https://i.servimg.com/u/f38/11/01/36/00/sans_t10.gif" class="quickquote" alt="Citation rapide" title="Citation rapide" />&nbsp;</a>'));

Comme l'indique votre tutoriel à la fin et j'ai l'image ! Sauf que :



L'image est identique à celle de la citation "normale" et c'est embêtant.... Comment régler ce problème ?

Pour info, je n'ai rien mis dans le CSS lié à ça.

Je vous remercie par avance pour votre aide

[chattigre]

Bonjour,

Essayez comme ceci :

Code:

$(document).ready(function(){
  $(function() {
    $("li.btn-quote").before($('<li class="btn-quickquote"><a href="#quick_reply" class="quickquote" title="Citation rapide"><i class="material-icons">format_quote</i><i class="material-icons">mouse</i></a></li>'));
  });

  $(".post .post-content").mouseup(function(e){
      qtext = $(this).parents(".post-body");
      if (window.getSelection)
      theSelection = window.getSelection().toString();
      else if (document.getSelection)
      theSelection = document.getSelection();
      else if (document.selection)
      theSelection = document.selection.createRange().text;
      });
          $(".quickquote").click(function () {
          uname = qtext.find(".post-aside .post-author-name a").text();
            $("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
            $('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
            });
 
});

Il y avait une petite erreur dans le code qui est que les boutons sur AwesomeBB étant générés via JS, il est nécessaire d'attendre que le code soit exécuté pour exécuter le morceau du script qui ajoute le bouton...

Bonne journée
Cordialement

[Invité]

Merci beaucoup, cela fonctionne !

Je passe le sujet en résolu

[Invité]

Non, j'ai été trop enthousiaste !

@chattigre

Le bouton est bien là mais après le mot ou la phrase sélectionnée, ça me dirige vers la réponse rapide mais sans la citation....

[chattigre]

Re,
Essayez comme ceci, cette fois cela fonctionne de mon côté :

Code:

$(document).ready(function(){
  $(function() {
    $("li.btn-quote").before($('<li class="btn-quickquote"><a href="#quick_reply" class="quickquote" title="Citation rapide"><i class="material-icons">format_quote</i><i class="material-icons">mouse</i></a></li>'));
    $(".post .post-content").mouseup(function(e){
      qtext = $(this).parents(".post-body");
      if (window.getSelection)
      theSelection = window.getSelection().toString();
      else if (document.getSelection)
      theSelection = document.getSelection();
      else if (document.selection)
      theSelection = document.selection.createRange().text;
    });
    $(".quickquote").click(function () {
      if(typeof(qtext) == 'undefined') return;
      uname = qtext.find(".post-aside .post-author-name a").text();
      $("div.sceditor-toolbar + iframe").contents().find("body").append('<blockquote><cite>' + uname + '</cite>' + theSelection + '</blockquote> <br />');
      $('.sceditor-container textarea')[0].value += '[quote="' + uname + '"]' + theSelection + '[/quote]'
    });
  });
});

Bonne journée
Cordialement

[Invité]

Re,
Essayez comme ceci, cette fois cela fonctionne de mon côté :

---

Bonne journée
Cordialement

Cette fois, j'ai testé et c'est bon ! Merci beaucoup

[Chacha]

Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : L'importance de garder secret l'email de fondation, Sécurité : ce qu'il ne faut pas faire, Liste des questions et réponses fréquentes, Liste des trucs et astuces, La fonction rechercher N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.