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

Selectati Continutul pentru coduri


Buna ziua,

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:
PA=>Module=>HTML & JAVASCRIPT=>Javascript codes management=>Create a new 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 'Javascript Code' (doar codul pentru versiunea pe care o aveti)

Pentru phpbb2
Cod:
function selectCode(a)
    {
    // Get ID of code block
    var e = jQuery(a).closest('tr').next().find('.cont_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();
    }
    }
    jQuery(function(){

    jQuery('div.postbody td.code').parent().prev().find('b').html('Code:
    <a href="javascript:void()" onClick="selectCode(this)"><font
    face="verdana" color="red"></font> Selectati Continutul </a>');
    });


Pentru phpBB 3, punBB si invision
Cod:
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;" title="Select all the content" class="code-a"> Selectati Continutul </a>');
    });

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

Atentie: daca folositi versiunea phpbb2 s-ar putea sa nu va functioneze daca aveti template-urile modificate (in special overall_header si viewtopic_body)

Acest tutorial a fost scris de catre Base, cu ajutorul lui k.201017 si Gangstar15 si tradus in romana de catre DarkStar

Reproducerea acestui tutorial nu este posibila fara acordul nostru, in conformitate cu articolul L122-1 apartinand ICC.

Zack.
Membru onorific
Membru onorific

masculin

Mesaje : 4849
Localizare : Sibiu
Data de inscriere : 24/06/2010
Multumiri : 0
Niciun avertisment

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum