Ajouter le bouton de sélection de contenu
Page 1 sur 1•Partagez
- Splash
StaffAdmin - 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; }
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
- Cali.
Membre
Merci beaucoup !
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
Lun 28 Oct 2024 - 8:48 par Kionk
» » Centrer l'avatar, le pseudo & le rang dans les messages
Dim 27 Oct 2024 - 14:19 par Kionk
» » Modifier les icônes et textes des boutons "Afficher" et "Cacher" des catégories
Jeu 24 Oct 2024 - 1:23 par Kionk
» » Ajouter son copyright
Ven 19 Juil 2024 - 23:11 par Noxys
» » Bouton MP "Répondre" adapté à la version ModernBB
Mer 31 Jan 2024 - 13:03 par NIK SIURI
» » Réduire la hauteur des catégories
Mer 31 Jan 2024 - 12:59 par NIK SIURI
» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
Mer 31 Jan 2024 - 12:35 par NIK SIURI
» » Afficher les avatars en forme rectangulaire
Mer 31 Jan 2024 - 11:47 par NIK SIURI
» » Modifier la partie des stats en début de qeel
Mer 31 Jan 2024 - 11:45 par NIK SIURI
» » Mettre une image au qeel
Mer 31 Jan 2024 - 11:37 par NIK SIURI
» » Rendre l'image du header cliquable
Mer 31 Jan 2024 - 11:34 par NIK SIURI
» » Elargir le cadre de la boite de smileys
Mer 31 Jan 2024 - 11:33 par NIK SIURI
» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Mer 31 Jan 2024 - 10:29 par NIK SIURI
» » Catégories rétractables sur l'index
Mer 31 Jan 2024 - 10:17 par NIK SIURI
» » [phpBB3] Catégories de différentes couleurs
Mer 31 Jan 2024 - 10:17 par NIK SIURI