Selezionare il contenuto

Selezionare il contenuto

Ciao a tutti ! in questo tutorial spiego come fare per selezionare il contenuto. prima di tutto creare un nuovo modulo : pannello moduli widget dell`indice creare un nuovo widget. Nome selezionare il contenuto Usare un indice tipo : NO codice per inserire nel widget : Codice: <script>function selectCode(a)     {       // Get ID of code block       var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];           // Not IE       if (window.getSelection)       {           var s = window.getSelection();           // Safari           if (s.setBaseAndExtent)           {             s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);           }           // Firefox and Opera           else           {             // workaround for bug # 42885             if (window.opera && e.innerHTML.substring(e.innerHTML.length - 4) == '<BR>')             {                 e.innerHTML = e.innerHTML + ' ';             }                 var r = document.createRange();             r.selectNodeContents(e);             s.removeAllRanges();             s.addRange(r);           }       }       // Some older browsers       else if (document.getSelection)       {           var s = document.getSelection();           var r = document.createRange();           r.selectNodeContents(e);           s.removeAllRanges();           s.addRange(r);       }       // IE       else if (document.selection)       {           var r = document.body.createTextRange();           r.moveToElementText(e);           r.select();       }     }     if(text){}else{ var text = 'Selecionar todos';}     jQuery(document).ready(function(){       jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Code: <a href="#" onclick="selectCode(this); return false;"><font face="verdana" color="white">----------</font>Selezionare il contenuto</a>');     });     </script> esempio Codice: qui sopra appare il tasto "selezionare il contenuto" così di semplice Per domande o chiarimenti Gestire l'aspetto del forum Tutoriale da : Copyrigth FORUMATTIVO.COM

> Pannello > Moduli > html & javascript > Gestione del codice javascript > Crea un nuovo javascript :

> Titolo : quello che volete

> Posizione : Tutte le pagine

> Codice Javascript * :

Codice:

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">Seleziona codice </span>'); });

> Visualizzazione > Immagini & colori > Colori > Foglio di stile CSS

Codice:

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }

Fonte