Pb astuce citation-rapide

[Jama]

J'ai mis en oeuvre cette astuce
https://forum.forumactif.com/t357285-citation-rapide

mais le bouton s'affiche sous le bouton citer et pas à côté.



une idée ?
Merci.

[Ange Tuteur]

Salut Jama,

Essayer ce Javascript:

Code:

$(document).ready(function(){
        
       $(".profile-icons").prepend($('<a href="#quick_reply"><img src="http://i73.servimg.com/u/f73/11/66/92/55/12505_10.png" class="quickquote" alt="Citation rapide" title="Citation rapide" /></a>'));
        
          $(".postbody .content div").mouseup(function(e){
              qtext = $(this).parents(".post");
              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(".postprofile dl dt strong 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]'
                    });
        
       });

[Jama]

Salut Jama,

Essayer ce Javascript:

Code:

$(document).ready(function(){
        
       $(".profile-icons").prepend($('<a href="#quick_reply"><img src="http://i73.servimg.com/u/f73/11/66/92/55/12505_10.png" class="quickquote" alt="Citation rapide" title="Citation rapide" /></a>'));
        
          $(".postbody .content div").mouseup(function(e){
              qtext = $(this).parents(".post");
              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(".postprofile dl dt strong 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]'
                    });
        
       });

Merci, Ange Tuteur,

en lieu et place du script proposé dans l'astuce ou en plus ?

[Jama]

J'ai testé
En lieu et place.
Néanmoins, je vais analyser le code, car là le bouton se met sur la même ligne, mais en dernier bouton, pas à côté des autres boutons "citer", comme si le texte était mis en fin et pas au début.
Bizarre.
remplacer prepend par append donne le même résultat.

[Ange Tuteur]

Hmm.. Vous pouvez essayer ce:

Javascript:

Code:

$(document).ready(function(){
        
       $("a:has(.i_icon_quote)").append($('<a href="#quick_reply"><img src="http://i73.servimg.com/u/f73/11/66/92/55/12505_10.png" class="quickquote" alt="Citation rapide" title="Citation rapide" /></a>'));
        
          $(".postbody .content div").mouseup(function(e){
              qtext = $(this).parents(".post");
              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(".postprofile dl dt strong 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]'
                    });
        
       });

CSS:
Affichage > couleurs > feuille de style

Code:

.i_icon_quote{
margin-right:76px;
}
.quickquote{
bottom:22px;
left:60px;
position:relative;
}

Vous devez ajuster CSS si vous utilisez une autre image

[Jama]

Hmm.. Vous pouvez essayer ce:

Javascript:

Code:

$(document).ready(function(){
        
       $("a:has(.i_icon_quote)").append($('<a href="#quick_reply"><img src="http://i73.servimg.com/u/f73/11/66/92/55/12505_10.png" class="quickquote" alt="Citation rapide" title="Citation rapide" /></a>'));
        
          $(".postbody .content div").mouseup(function(e){
              qtext = $(this).parents(".post");
              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(".postprofile dl dt strong 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]'
                    });
        
       });

CSS:
Affichage > couleurs > feuille de style

Code:

.i_icon_quote{
margin-right:76px;
}
.quickquote{
bottom:22px;
left:60px;
position:relative;
}

Vous devez ajuster CSS si vous utilisez une autre image

Beaucoup mieux.

je n'ai plus qu'à bidouiller les paramètres de position dans le CSS pour que ce soit nickel.
Par contre, je ne comprend pas que le prepend suffixe au lieu de préfixer.
Mystère !!!!!!!!

[Jama]

C'est OK.
Mais, m'est avis qu'il serait judicieux de compléter l'astuce en rajoutant le css.

Merci encore, Ange Tuteur.