Accueil
Ajouter le bouton de sélection de contenu
Page 1 sur 1•Partagez
- Splash
StaffAdmin
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 :
Ici vous pouvez changer le texte :
Pensez à
Direction la CSS
Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS
Mettre ce code à la CSS :
Pensez à
À bientôt
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: |
- David1195
StaffModo
David1195 le Lun 11 Fév 2019 - 12:42
Merci beaucoup !
- Cali.
Membre
Cali. le Lun 22 Avr 2019 - 21:58
Merci beaucoup !
- chrisnvidia
Membre
chrisnvidia le Mar 23 Avr 2019 - 14:48
Merci beaucoup !
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
» » Intégrer des formules mathématiques sur votre forum
» » Mise à jour, Problèmes - Les dernières informations de Forumactif
» » MuBlock (µBlock)
» » [Edge] Réduire l'espace
» » Modifier l'apparence du qeel
» » Ajouter/Modifier des polices à l'éditeur
» » comment mettre en ligne un nouveau forumactif
» » [Edge] Modification de l'adresse internet du forum
» » [Edge] Bloc des réseaux sociaux au footer
» » Le coucou du jour
» » Bloc des réseaux sociaux au footer
» » Widget : Sujets récents d'un sous-forum spécifique
» » Menu de recherche instantanée
» » [Edge] Fermeture automatique des volets widgets sur le forum