Butonul Selectati Continutul

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Butonul Selectati Continutul

Mesaj Scris de Zack. la data de Mier 7 Sept - 19:28

Butonul Selectati Continutul
Bun gasit,

In acest tutorial va voi arata cum sa puneti butonul "Selectati Continutul" pentru casetele de cod. Acest tutorial este compatibil pentru toate versiunile

Un exemplu de "Selectati Continutul" puteti vedea in imaginea de mai jos

Daca apasati pe el se va selecta automat tot continutul casetei


Pasul 1:
Panou => Module => HTML & JavaScript => Gestiunea codurilor javascript => Creeaza un nou javascript

Pasul 2:
Alegeti ce titlu doriti si setati-i plasamentul pe toate paginile

Pasul 3:
O data ce ati facut asta adaugati urmatorul cod in campul 'Cod JavaScript':

Cod:
   function selectCode(e) {
        var doc = document
            , text = $(e).closest("dl").find(".cont_code,code").get(0)
            , range, selection
        ;
        if (doc.body.createTextRange) {
            range = document.body.createTextRange();
            range.moveToElementText(text);
            range.select();
        } else if (window.getSelection) {
            selection = window.getSelection();        
            range = document.createRange();
            range.selectNodeContents(text);
            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">Selectati Continutul</span>')});

Pasul 4:
Adaugati in Panou => Afisare => Imagini si culori => Culori => Foaia de stil css acest cod"
Cod:
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }

Daca ati facut toti pasi corect, ar trebui sa aveti butonul "Selectati Continutul" complet functional pentru toate casetele de cod.


Tutorialul original a fost scris de catre Base, cu ajutorul lui k.201017 si Gangstar15.

Tradus in limba romana de catre Zack.

Actualizat de catre Zeus la data de 07.09.2017 pentru a include varianta actualizata a codului creata de catre Ea de pe forumul francez de suport.

Copyright Forumgratuit.ro Nici o parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.
avatar
Zack.
Membru onorific
Membru onorific

masculin

Mesaje : 4849
Localizare : Sibiu
Data înscrierii : 24/06/2010
Multumiri : 0
Niciun avertisment

Sus In jos

Tutorial Re: Butonul Selectati Continutul

Mesaj Scris de Zeus la data de Joi 7 Sept - 12:54

Tutorial actualizat.
avatar
Zeus
Administrator
Administrator

masculin

Mesaje : 4163
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Multumiri : 639
Niciun avertisment

https://github.com/zeusmaximus

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum