Tutoriel qui ne fonctionne plus

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

Résolu Tutoriel qui ne fonctionne plus

Message par demeter1 le Jeu 22 Sep 2016 - 2:26

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://altitudetropicale.forums-actifs.com/index.forum

Description du problème

Bonjour à tous,

Il y a pas mal de temps j'ai installé ce tutoriel http://forum.forumactif.com/t357285-citation-rapide

en choisissant l'option "Rajouter un bouton "Citation rapide"

Voici le code de base
Code:
$(document).ready(function(){
 
$("a:has(.i_icon_quote)").after($('<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 div").mouseup(function(e){
      qtext = $(this).parents("tr.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(".name 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]'
            });
 
});

$(document).ready(function() {
    $("a:has(.i_icon_quote)").after($(
        '<a href="#quick_reply"><div id="quickquote"></div></a>'
    )), $(".postbody div").mouseup(function(e) {
        qtext = $(this).parents("tr.post"), window.getSelection ?
            theSelection = window.getSelection().toString() :
            document.getSelection ? theSelection = document.getSelection() :
            document.selection && (theSelection = document.selection
                .createRange().text)
    }), $(".quickquote").click(function() {
        uname = qtext.find(".name 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]"
    })
});

et mon code modifié (je n'ai guére fait que changer l'image par une div reliée à du css)
Code:
$(document).ready(function() {
    $("a:has(.i_icon_quote)").after($(
        '<a href="#quick_reply"><div id="quickquote"></div></a>'
    )), $(".postbody div").mouseup(function(e) {
        qtext = $(this).parents("tr.post"), window.getSelection ?
            theSelection = window.getSelection().toString() :
            document.getSelection ? theSelection = document.getSelection() :
            document.selection && (theSelection = document.selection
                .createRange().text)
    }), $(".quickquote").click(function() {
        uname = qtext.find(".name 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]"
    })
});

Soucis : bien que ces deux scripts fonctionnait trés bien jusqu'à maintenant, désormais il ne fonctionne plus.
j'ai testé sur un forum vierge mais l'image ne s'installe plus prés du quote pour le premier et pour le deuxième, l'envoi se fait mais sans répercuter la sélection et sans mettre les balise quote.

Auriez vous une idée pour résoudrez ce soucis ?

Merci par avance pour votre aide.


Dernière édition par demeter1 le Jeu 29 Sep 2016 - 15:19, édité 1 fois
avatar

demeter1
Membre actif

Masculin
Messages : 8457
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel qui ne fonctionne plus

Message par demeter1 le Lun 26 Sep 2016 - 11:13

UP
avatar

demeter1
Membre actif

Masculin
Messages : 8457
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel qui ne fonctionne plus

Message par demeter1 le Mar 27 Sep 2016 - 19:05

up
avatar

demeter1
Membre actif

Masculin
Messages : 8457
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Tutoriel qui ne fonctionne plus

Message par Milouze14 le Jeu 29 Sep 2016 - 5:08

Hello Stéphane,


étonnant qu'il fonctionnait d'ailleurs Shocked .

Ta div a un ID
Code:
<a href="#quick_reply"><div id="quickquote"></div></a>
Tu as un clic(function() sur une class

Code:

$(".quickquote").click(function() {

Donc si tu remplaces l'id par une class:

Code:
<a href="#quick_reply"><div class="quickquote"></div></a>

Tout devrait rentrer dans l'ordre Wink .

a++

avatar

Milouze14
Membre actif

Masculin
Messages : 4834
Inscrit(e) le : 18/04/2005

https://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Tutoriel qui ne fonctionne plus

Message par demeter1 le Jeu 29 Sep 2016 - 15:19

Bonjour et merci Philippe.

Quelques petits réglages css et tout devrait rentrer dans l'ordre.
avatar

demeter1
Membre actif

Masculin
Messages : 8457
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 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