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

demeter1
+ Hyperactif +

Masculin
Messages : 8230
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

demeter1
+ Hyperactif +

Masculin
Messages : 8230
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

demeter1
+ Hyperactif +

Masculin
Messages : 8230
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++


Milouze14
+ Hyperactif +

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

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

demeter1
+ Hyperactif +

Masculin
Messages : 8230
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