Fidélité niv. 10 Points de fidélité : 3489 Duché : Orlind Rang social : Peuple Métier/Titres : Dirigeant de la Compagnie des Voiles d'Azur Écus : 2 000 Biographie : Fiche Ouvrir | Sujet: Code "sélectionner le contenu" Ven 9 Fév - 23:29 | |
| Salutations ! Fut un temps où je me suis essayé à la création de fofo forumactif. Il me reste quelques trucs, dont des codes, qui peuvent peut-être s'avérer utiles. Notamment, le code "sélectionner le contenu" ( càd des blocs de codes) que je trouve pratique (surtout pour sélectionner sans se louper de longs codes, comme les fiches de personnages) et élégant. Je pose ça là, au cas où ça semblerait utile ! Dans PA -> Modules -> HTML & JAVASCRIPT -> Gestion des codes Javascript -> (créer nouveau) : - 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">Sélectionner le contenu</span>'); }); Puis, dans PA -> Affichage -> Images et couleurs -> Couleurs -> Feuille de style CSS : - Code:
-
.selectCode { float:right; cursor:pointer; } div.cont_code { clear: right; } A modifier selon l'esthétique du forum, évidement. Voilà, c'est ma modeste façon de proposer mon aide, si ça intéresse. C'est un code très facultatif mais je me souviens que j'avais trouvé ça sympa. En tout cas j'espère qu'il est toujours à jour Amicalement, Virgile.
Dernière édition par Virgile Valombre le Dim 13 Mai - 14:14, édité 1 fois |
|
Points de fidélité : 2808
Ouvrir | |
Fidélité niv. 10 Points de fidélité : 3489 Duché : Orlind Rang social : Peuple Métier/Titres : Dirigeant de la Compagnie des Voiles d'Azur Écus : 2 000 Biographie : Fiche Ouvrir | Sujet: Re: Code "sélectionner le contenu" Sam 10 Fév - 12:12 | |
| Ah ! Il semble que le code ne soit plus à jour (ou en tout cas pas pour tous les navigateurs), je propose la mise à jour suivante (héritée de forumactif) : Remplacer l'ancien code de la Gestion des Javascript par celui-ci : - Code:
-
function selectCode(e) { var s = $(e).closest("dl").find(".cont_code,code").get(0), range, selection; var a = s, z = s; while(a.nodeType == 1 && a.childNodes.length) a=a.firstChild; while(z.nodeType == 1 && z.childNodes.length) z=z.lastChild; if (!$(a).is('.fixff')) { var fix = $('<span class="fixff"/>').insertBefore(a); } else { a = a.nextSibling; } if (document.body.createTextRange) { range = document.body.createTextRange(); range.moveToElementText(s); range.select(); } else if (window.getSelection) { selection = window.getSelection(); range = document.createRange(); range.setStart(a, 0); range.setEnd(z, z.nodeValue ? z.nodeValue.length : 0); 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 le contenu</span>')}); Et remplacer celui du CSS par celui-ci : - Code:
-
.selectCode { float:right; cursor:pointer; } div.cont_code { clear: right; } Normalement ce sera ok, dis-moi ce que ça donne ? |
|
Points de fidélité : 2808
Ouvrir | Sujet: Re: Code "sélectionner le contenu" Sam 10 Fév - 14:24 | |
| Nouveau code pleinement opérationnel Merci |
|
Ouvrir | Sujet: Re: Code "sélectionner le contenu" | |
| |
|