Pulsante "Seleziona contenuto" per i tag di codice


Pulsante "Seleziona contenuto" per i tag di codice Empty Pulsante "Seleziona contenuto" per i tag di codice

Messaggio Da Niko Ven 26 Mar 2021 - 19:54

Pulsante "Seleziona contenuto" per i tag di codice


Definizione

Questo trucco ti consente di aggiungere la possibilità ai tuoi membri di selezionare il contenuto delle informazioni che si trovano tra i tag del codice.

Pulsante "Seleziona contenuto" per i tag di codice 13-03-11

Installazione

Andiamo verso Pannello di amministrazione ► Moduli ► HTML e JAVASCRIPT - Gestione del codice Javascript, assicuriamoci che la gestione dei codici javascript sia attivata e creiamo un nuovo codice con queste caratteristiche:

  • Titolo: a tua scelta
  • Dove: negli argomenti
  • Codice:
    Codice:
    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</span>')});


Modifica del foglio di stile CSS

Andiamo verso Pannello di amministrazione  Visualizzazione  Immagini e colori - Colori (scheda Foglio di stile CSS) e aggiungiamo questo codice:
Codice:
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }


Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8308
Località : Provincia di Varese

Visualizza il profilo https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto


 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.