Bouton "Sélectionner le contenu" pour les balises de code

[Walt]

Bouton "Sélectionner" pour les balises de code

Cette astuce permet d'ajouter la possibilité à vos membres de sélectionner le contenu d'une information qui se trouve entre les balises code. Voir illustration : Installation Créer un script Javascript Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript Assurez-vous que la gestion des codes Javascript soit activée, puis créez un nouveau javascript ayant pour titre "Bouton "Sélectionner" pour les balises de code" et pour placement "Sur les sujets" (plus d'informations sur la gestion des scripts). Pour les versions PhpBB2, PhpBB3, Invision, PunBB et ModernBB Code: function selectCode(e) {     var s = $(e).closest("dl").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(){$("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">Sélectionner</span>')}); Pour la version AwesomeBB Code: function selectCode(e) {     var s = $(e).closest("div").find("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>')}); N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications. Modifier la feuille de style CSS Panneau d'administration  Affichage  Images et Couleurs - Couleurs (Onglet Feuille de style CSS) Ajoutez le code suivant : Code: .selectCode { float:right; text-transform: uppercase; cursor:pointer; } div.cont_code { clear: right; } N'oubliez pas de cliquer sur le bouton Valider pour sauvegarder les modifications.

Cette astuce a été rédigée par le Staff du Forum des Forums, Et en particulier par Ea, actualisée par Lastvisit (décembre 2022). Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.