Tutoriel qui ne fonctionne plus

[demeter1]

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 https://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.

[demeter1]

UP

[demeter1]

up

[Invité]

Hello Stéphane,


étonnant qu'il fonctionnait d'ailleurs .

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 .

a++

[demeter1]

Bonjour et merci Philippe.

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