Butonul Selectati Continutul

Scris de Zack. Mier Sept 07, 2011 7:28 pm

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.