bouton pour sélectionner le contenu d'un code - Dim 22 Avr - 15:27 Bouton pour sélectionner le contenu d'un code Pré-requis : accès au panneau d'administration. Version forum : phpBB2 pour le code n°1 JS, AwesomeBB pour le n°2 Difficulté : facile. Où : Javascript : Onglet module >> rubrique HTML & JAVASCRIPT >> Gestion des codes Javascript CSS : Onglet Affichage >> Rubrique Images et Couleurs >> Couleur >> sous onglet Feuille de style CSS Instruction.
- Sélectionner oui à la question : Activer la gestion des codes Javascript.
- Créer une nouveau javascript.
- Ajoutez le titre que vous voulez, par exemple : bouton pour sélectionner le contenu d'un code
- Sélectionner : sur toutes les pages.
- Coller le code n°1 ou 2 suivant la version de votre forum
- Enregistrez.
- dans la feuille CSS ajoutez le code n°3
- Enregistrez & voilà.
Codes.1) version phpBB2 - 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 le contenu</span>')}); 2) version AwesomeBB - Code:
-
function selectCode(e) {
var s = $(e).closest(".codebox").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(){$(".codebox").append('<span onClick="selectCode(this)" class="selectCode">Sélectionner</span>')}); 3) - Code:
-
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; } une question ? Une instruction pas claire ? N'hésitez pas à répondre à ce sujet pour demander des éclaircissements. Arya | |
