Pb astuce citation-rapide

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

Résolu Pb astuce citation-rapide

Message par Jama le Ven 29 Nov 2013 - 15:55

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

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



une idée ?
Merci.


Dernière édition par Jama le Ven 29 Nov 2013 - 18:05, édité 1 fois

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb astuce citation-rapide

Message par Ange Tuteur le Ven 29 Nov 2013 - 16:42

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]'
                    });
        
       });

Ange Tuteur
****

Masculin
Messages : 477
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: Pb astuce citation-rapide

Message par Jama le Ven 29 Nov 2013 - 16:48

@Ange Tuteur a écrit: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
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb astuce citation-rapide

Message par Jama le Ven 29 Nov 2013 - 17:00

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. Sad

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Pb astuce citation-rapide

Message par Ange Tuteur le Ven 29 Nov 2013 - 17:18

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

Ange Tuteur
****

Masculin
Messages : 477
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: Pb astuce citation-rapide

Message par Jama le Ven 29 Nov 2013 - 17:23

@Ange Tuteur a écrit: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. Wink

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
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pb astuce citation-rapide

Message par Jama le Ven 29 Nov 2013 - 18:04

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

Merci encore, Ange Tuteur.

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama 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