Pb astuce citation-rapide

2 participants

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

Résolu Pb astuce citation-rapide

Message par Jama Ven 29 Nov 2013 - 15:55

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

Pb astuce citation-rapide Citers10

une idée ?
Merci.


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

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

Ange Tuteur
****

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

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

Résolu Re: Pb astuce citation-rapide

Message par Jama 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 ?
avatar

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

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

Ange Tuteur
****

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

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

Résolu Re: Pb astuce citation-rapide

Message par Jama 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 !!!!!!!!
avatar

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

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

- Sujets similaires

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