Dieu
Admin
Messages : 256
Date d'inscription : 22/06/2009
 |  Sujet: Sélectionner le contenu des balises de code  Mer 31 Aoû - 1:22 | |
| Cette astuce permet de mettre un lien "Sélectionner le contenu" aux balises de code comme suit : Pour ce faire, il faut d'abord mettre sur les pages de sujet ( voir gestion des pages javascript ) ce script : - Code:
-
function selectCode(a){a=a.parentNode.tagName==="B"?$(a).closest("table").find(".cont_code")[0]:$(a).closest("dl").find("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) dt").add($("div.cont_code").closest("table").find("span.genmed b")).append('<span onClick="selectCode(this)" class="selectCode">Sélectionner le contenu</span>');
}); Et puis ajouter dans le CSS ( PA > Affichage > Couleurs > Feuille de style ) : - Code:
-
.selectCode { float:right; text-transform: uppercase; cursor:pointer; } | |
|
