Pulsante "Seleziona contenuto" per i tag di codice


Tutorial 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à : 26
Messaggi : 9007
Località : Provincia di Varese

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

Tutorial Re: Pulsante "Seleziona contenuto" per i tag di codice

Messaggio Da Niko Mer 10 Ago 2022 - 18:45

Selezione e Copia automaticamente i codici


Cari membri,

un aggiornamento alla risorsa con una funzione in più :bene:
Invece di avere un bottone per selezionare il contenuto, questo script aggiungerà un bottone per copiare direttamente il contenuto! Pulsante "Seleziona contenuto" per i tag di codice 3706843607

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:
    $.getScript('https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js',function(){window.fae_copyCode={copy:'Copia codice',copied:'Copiato!'};$(function(){var a=$('.codebox dt').not('.spoiler > dt, .hidecode > dt'),i=0,j=a.length;if(a[0]){$('head').append('<style type="text/css">.fae_copy-code{float:right;cursor:pointer;}.fae_copy-code:hover{text-decoration:underline}</style>');for(;i<j;i++){a[i].insertAdjacentHTML('beforeend','<span class="fae_copy-code">'+fae_copyCode.copy+'</span>')}new Clipboard('.fae_copy-code',{target:function(copy){if(copy.innerHTML!=fae_copyCode.copied){return $(copy).closest('.codebox').find('.cont_code, code')[0]}}}).on('success',function(e){var copy=e.trigger;if(copy.innerHTML!=fae_copyCode.copied){copy.innerHTML=fae_copyCode.copied;copy.className+=' fae_copied';window.setTimeout(function(){copy.innerHTML=fae_copyCode.copy;copy.className=copy.className.replace('fae_copied','')},1000)}e.clearSelection()})}})});



Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 26
Messaggi : 9007
Località : Provincia di Varese

Visualizza il profilo https://www.fmcodes.net/

A rozalia piace questo messaggio.

Niko è stato ringraziato dall'autore di questo topic.

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

- Argomenti simili

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