Bonsoir
Je vais vous expliquer comment facilement integrer la balise "Selectionner le contenu" qui vous permet de copier rapidement un code dans sa totalite d'un clic.
Suivez le chemin suivant dans le panneau d'administration :
Module ->
HTML & Javascript (tout en bas) ->
Gestion des codes JavascriptsIl faut activer le Javascript pour que cela fonctionne.
Donc vous cliquez sur l'onglet en bas de fenetre : Creer un nouveau Javascript.
Il vous faut cocher "Sur toutes les pages" pour qu'il figure partout ou vous mettrez un code.
Et dans la fenetre vous inserer le code suivant :
- Code:
-
function selectCode(a){a=$(a).closest("dl").find(".cont_code,code")[0];if(window.getSelection){var c=window.getSelection();if(c.setBaseAndExtent)c.setBaseAndExtent(a,0,a,a.innerText.length-1);else{window.opera&&a.innerHTML.substring(a.innerHTML.length-4)=="<BR>"&&(a.innerHTML+=" ");var b=document.createRange();b.selectNodeContents(a);c.removeAllRanges();c.addRange(b)}}else document.getSelection?(c=document.getSelection(),b=document.createRange(),b.selectNodeContents(a),
c.removeAllRanges(),c.addRange(b)):document.selection&&(b=document.body.createTextRange(),b.moveToElementText(a),b.select())}
$(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">Selectionner le contenu</span>');
});
Ensuite vous valider en cliquant sur "Valider" en bas de la fenetre.
Voila pour la partie script. Mais ce n'est pas fini. Il vous faut aller maintenant dans la partie CSS pour finir l'installer de ce bout de code.
Donc suivez le chemin suivant :
Affichage ->
Images et couleur (allez sur
couleur) ->
Feuille de style CSS (en haut de la fenetre, le deuxieme onglet)
Et vous glissez a la suite du code deja present, si vous en avez un, la partie suivante :
- Code:
-
/****Slectionner le contenu****/
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }
Vous valider encore avec le bouton sous la fenetre et le tour est joue ! Maintenant il est facile pour tous de selectionner en un clic la totalite d'un code dans une fenetre.
C'est bien utile pour les formulaire de presentation ou les fiches codes!
J'espere que cela vous sera utile