Accueil
Ajouter le bouton de sélection de contenu
Page 1 sur 1•Partagez
- Splash
StaffAdmin 
MP- Zoom
- 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>')});- Code:
class="selectCode">Sélectionner</span>- Code:
.selectCode { float:center; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
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 :
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 à
| :u1: |
- David1195
StaffModo - MP
- Zoom
David1195 le Lun 11 Fév 2019 - 12:42
Merci beaucoup !
- Cali.
Membre - MP
- Zoom
Cali. le Lun 22 Avr 2019 - 21:58
Merci beaucoup !
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
» » Le coucou du jour
» » [Tuto] Comment poster une image sur le forum ?
» » [Edge] Flèches Haut et Bas qui s'adaptent à la couleur du thème
» » Mise à jour, Problèmes - Les dernières informations de Forumactif
» » [ModernBB] Catégories de différentes couleurs
» » [phpBB3] Catégories de différentes couleurs
» » Ajouter/Modifier des polices à l'éditeur
» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
» » [Edge] Hover sur l'avatar pour afficher les infos de profil
» » Archive-Host
» » [Toutes versions] Menu déroulant sur la toolbar
» » Insérer une infobulle sur une image
» » Mettre une image en fond de page (body)
» » [AwesomeBB] Plusieurs images de header sur votre forum