[awesomebb] Bouton sélectionner sur les codes

[Seth J. Trevelyan]

Bonsoir ! J'ai un souci avec le tuto Bouton "Sélectionner le contenu" pour les balises de code dont le script ne fonctionne malheureusement pas sur AwesomeBB. En effet les balises de code n'ont pas la même structure que sur les autres versions et le tuto ne semble pas les prendre en compte... Quelqu'un aurait-il une version fonctionnant sur AwesomeBB ?

J'ai essayé de l'adapter moi-même mais ça ne fonctionne pas, sûrement parce que mes connaissances en javascript sont trop limitées

Code:

function selectCode(e) {
    var s = $(e).closest("code").get(0), range, selection;
    var a = s, z = s;
    while(a.nodeType == 1 && a.childNodes.length) a=a.firstChild;
    while(z.nodeType == 1 && z.childNodes.length) z=z.lastChild;
    if (!$(a).is('.fixff')) {
        var fix = $('<span class="fixff"/>').insertBefore(a);
    } else {
      a = a.nextSibling;
    }
    if (document.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(s);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();
        range = document.createRange();
        range.setStart(a, 0);
        range.setEnd(z, z.nodeValue ? z.nodeValue.length : 0);
        selection.removeAllRanges();
        selection.addRange(range);
    }
};
$(function(){$("div.codebox").closest('p').append('<span onClick="selectCode(this)" class="selectCode">Sélectionner</span>')});

[Milouze14]

Hello Seth J. Trevelyan,
il y a dû avoir une modification sur la version Awesomebb car il était fonctionnel au début!!

Ce script devrait fonctionner:

Code:

function selectCode(e) {
    var s = $(e).closest("div").find(".cont_code,code").get(0), range, selection;
    var a = s, z = s;
    while(a.nodeType == 1 && a.childNodes.length) a=a.firstChild;
    while(z.nodeType == 1 && z.childNodes.length) z=z.lastChild;
    if (!$(a).is('.fixff')) {
        var fix = $('<span class="fixff"/>').insertBefore(a);
    } else {
      a = a.nextSibling;
    }
    if (document.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(s);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();
        range = document.createRange();
        range.setStart(a, 0);
        range.setEnd(z, z.nodeValue ? z.nodeValue.length : 0);
        selection.removeAllRanges();
        selection.addRange(range);
    }
};
$(function(){$("div.codebox:not(.spoiler,.hidecode) ").find('p').append('<span onClick="selectCode(this)" class="selectCode">Sélectionner</span>')});


a++

[Invité]

Hello Seth J. Trevelyan,
il y a dû avoir une modification sur la version Awesomebb car il était fonctionnel au début!!

Ce script devrait fonctionner:

Code:

function selectCode(e) {
    var s = $(e).closest("div").find(".cont_code,code").get(0), range, selection;
    var a = s, z = s;
    while(a.nodeType == 1 && a.childNodes.length) a=a.firstChild;
    while(z.nodeType == 1 && z.childNodes.length) z=z.lastChild;
    if (!$(a).is('.fixff')) {
        var fix = $('<span class="fixff"/>').insertBefore(a);
    } else {
      a = a.nextSibling;
    }
    if (document.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(s);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();
        range = document.createRange();
        range.setStart(a, 0);
        range.setEnd(z, z.nodeValue ? z.nodeValue.length : 0);
        selection.removeAllRanges();
        selection.addRange(range);
    }
};
$(function(){$("div.codebox:not(.spoiler,.hidecode) ").find('p').append('<span onClick="selectCode(this)" class="selectCode">Sélectionner</span>')});


a++

J'étais intéressé par cette fonction et oui, ça marche

Merci.

Oui, j'ai remarqué que beaucoup de codes ne sont pas à jour pour AwesomeBB mais heureusement que nous sommes là pour les faire mettre à jour grâce à votre expertise

[Seth J. Trevelyan]

Pour ma part ça ne fonctionne toujours pas ? Je ne sais pas en quoi ma version awesomebb est différente mais mes balises codes ressemblent à ça en html :

Code:

<div class="codebox">
<p>Code:</p>
<code class="hljs markdown">UN CODE</code>
</div>

edit : je précise que ce qui ne fonctionne pas c'est l'affichage du bouton "sélectionner" au niveau du p, je n'ai rien du tout
je rajoute le lien vers mon forum test en hide :

[Bipo]

Bonjour à tous,

il y a dû avoir une modification sur la version Awesomebb car il était fonctionnel au début!!

En fait, c'est une erreur de ma part car j'ai coché AwesomeBB en termes de compatibilité (dans la liste des astuces) alors que ce n'est pas le cas. Il faut que je refasse une vérification car c'est déjà le deuxième tutoriel concerné par cette erreur.

Ton script est fonctionnel, est-ce que tu m'autorises à mettre à jour l'astuce à partir de cette proposition, @Lastvisit ?

Oui, j'ai remarqué que beaucoup de codes ne sont pas à jour pour AwesomeBB mais heureusement que nous sommes là pour les faire mettre à jour grâce à votre expertise

Il faut savoir que les astuces présentées sont des apports communautaires et non un service client. A ce titre, @Zlork, vous pouvez proposer vos améliorations et nous aider à les mettre à jour sans attendre qu'un autre membre le fasse !

Pour ma part ça ne fonctionne toujours pas ? Je ne sais pas en quoi ma version awesomebb est différente mais mes balises codes ressemblent à ça en html.

Vous avez bien mis le code CSS (avec le script proposé par @Lastvisit) ?

Code:

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

Bonne journée sur Forumactif.
Bipo.

[Seth J. Trevelyan]

Je viens de rajouter le CSS pour être sûre mais ça ne change rien, étant donné que le script ne fait pas son boulot pour append le bouton sur le p

edit : dans la console j'ai une erreur au niveau du début du script, qui me dit "Uncaught SyntaxError: Unexpected token 'function'"

edit 2 : j'ai trouvé d'où vient l'erreur ! le script entre en conflit avec un autre de mes scripts. quand je le désactive, le bouton sélectionner apparaît bien sur les codes. par contre j'ai besoin des deux scripts et je ne peux donc pas laisser le précédent désactivé, quelqu'un aurait une idée pour faire marcher les deux ensemble ?? => en fait il m'a suffit de mettre un point virgule à la fin du script précédent et le script du bouton s'est mis à fonctionner :> sujet donc résolu !

[Bipo]

Re @Seth J. Trevelyan,

J'allais publier l'explication mais vous avez trouvé par vous-même, c'est encore mieux !

Ps : Vous avez un magnifique forum, félicitations ! J'adore son design.

[Seth J. Trevelyan]

(Merci beaucoup je suis justement en train d'y travailler :>)