Ajouter le bouton de sélection de contenu

**Splash** · **Splash** le Lun 11 Fév 2019 - 6:28

Hi,

Voici une astuce qui vient du forum anglais.
Cette astuce permet d'ajouter une fonction "Sélectionner" afin de copier l'intégralité d'un code, en image :

Exemple d'un code

En cliquant sur "Sélectionner" cela aura pour effet de griser l'intégralité du code

Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript

Mettre ce code Sur toutes les pages :

Code:: function selectCode(e) { var doc = document , text = $(e).closest("dl").find(".cont_code,code").get(0) , range, selection ; if (doc.body.createTextRange) { range = document.body.createTextRange(); range.moveToElementText(text); range.select(); } else if (window.getSelection) { selection = window.getSelection(); range = document.createRange(); range.selectNodeContents(text); 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>')});

Ici vous pouvez changer le texte :

Code:: class="selectCode">Sélectionner</span>

Pensez à

Direction la CSS

Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS

Mettre ce code à la CSS :

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

Pensez à

:u1:

À bientôt

**David1195** · **David1195** le Lun 11 Fév 2019 - 12:42

Merci beaucoup !

Ajouter le bouton de sélection de contenu

Ajouter le bouton de sélection de contenu

Re: Ajouter le bouton de sélection de contenu

Modérateur du forum

Créer un compte ou se connecter pour répondre

S'enregistrer

Connexion