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
» » [Toutes versions] Visualiser son MdP (mot de passe)
» » Modifier l'apparence du qeel
» » Réduire la hauteur des catégories
» » [Tuto] Utilisation des icônes création de messages
» » [CSS] W3C Validator - Service de validation CSS
» » Boutons de remerciement de sujet
» » Modifier la phrase Qui est en ligne ?
» » [Edge] Hover sur l'avatar pour afficher les infos de profil
» » [Edge] Icônes Font Awesome avant les titres de forums
» » [Edge] Système d'alerte en temps réel
» » [ModernBB] Ajout d'un bloc de connexion/enregistrement en bas de page
» » Récupération du mot de passe si l'option est désactivée
» » [CSS] Auditer votre CSS
» » Modifier les icônes et textes des boutons "Afficher" et "Cacher" des catégories