"Selecionar tudo" na tag "CODE"

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido "Selecionar tudo" na tag "CODE"

Mensagem por Nyronmi em 04/05/11, 06:48 pm

Qual é sua questão:
Queria saber como faço para fazer com que o código [code] do meu fórum tenha a opção selecionar?
igual aqui no FdF:
[code] assim [/code]

O link do meu fórum: http://friday.forumeiros.com/forum
Ficaria muito grato!
avatar

Nyronmi
Nível 6

Masculino
Inscrito dia : 15/02/2011
Mensagens : 72
Pontos Ativos : 118

Ver perfil do usuário http://colapso.livreforum.com/

Resolvido Re: "Selecionar tudo" na tag "CODE"

Mensagem por Luciano98 em 06/05/11, 10:50 am

Olá!

Codigo:
Código:
;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();
  }
}
jQuery(document).ready(function(){
  jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Código: <a href="#" onclick="selectCode(this); return false;"><font face="verdana" color="white">--------------------------------------------------------------------</font>Selecionar conteúdo</a>');
});

Não sabe onde utilizar o código?
Spoiler:
1º - Criar uma página HTML para sustentar o código:
Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

Seta Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
Seta Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.
Seta Usar esta página como página inicial? - Esta também deverá estar marcada como não, apesar de que não influencia em nada o código.
Seta Código HTML - Coloque aqui o código que trabalhamos no item anterior.
Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.


Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não alterou a ordem de exibição).




- Inserir o código para que funcione em todas as páginas do fórum:
Devemos colocá-lo em um campo que seja mostrado em todas as páginas, como somente há um campo que se encaixe neste requisito, a descrição do seu fórum será comprometida com este código. Pode manter ambos em funcionamento, para isso basta separar o código da descrição.

Para adicionar o código aceda à:
Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.


O código será:
<script src="ENDERECO-DA-PAGINA-HTML"></script>
Por exemplo, no FdF:
<script src="http://ajuda.forumeiros.com/h1-codigo"></script>

Até mais.
Luciano98
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: "Selecionar tudo" na tag "CODE"

Mensagem por kekelvinho em 07/05/11, 08:06 am

não funcionou aqui
:/

funciona em invison?
avatar

kekelvinho
Nível 5

Masculino
Inscrito dia : 14/11/2010
Mensagens : 51
Pontos Ativos : 110

Ver perfil do usuário http://www.desabafonosso.forumeiros.com

Resolvido Re: "Selecionar tudo" na tag "CODE"

Mensagem por Luciano98 em 07/05/11, 10:29 am

@kekelvinho escreveu:não funcionou aqui
:/

funciona em invison?
Acho que não, eu testei esse código no PhpBB3.

Abraços.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: "Selecionar tudo" na tag "CODE"

Mensagem por seender em 08/05/11, 09:49 am

Olá!

Utilize o mesmo método, só troque o primeiro código que lhe foi fornecido por este:
Código:
    ;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();
      }
    }
    jQuery(document).ready(function(){
      jQuery(".codebox dt").not(".spoiler > dt").html('Código: <a href="#" onclick="selectCode(this); return false;"><font face="verdana" color="white">--------------------------------------------------------------------</font>Selecionar conteúdo</a>');
    });
Resolve?

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: "Selecionar tudo" na tag "CODE"

Mensagem por Seto Kaiba Evolution em 08/05/11, 07:07 pm

Muito obrigado Luciano98,

O meu é Phpbb3 e funcionou perfeitamente,é sempre bom achar mais recursos para facilitarmos a nossa vida e dos nossos usuarios.
avatar

Seto Kaiba Evolution
Nível 7

Masculino
Inscrito dia : 29/09/2010
Mensagens : 80
Pontos Ativos : 137

Ver perfil do usuário http://asututoriaisemdesign.forumativo.net

Resolvido Re: "Selecionar tudo" na tag "CODE"

Mensagem por Nyronmi em 08/05/11, 09:18 pm

Aqui não funcionou!
avatar

Nyronmi
Nível 6

Masculino
Inscrito dia : 15/02/2011
Mensagens : 72
Pontos Ativos : 118

Ver perfil do usuário http://colapso.livreforum.com/

Resolvido Re: "Selecionar tudo" na tag "CODE"

Mensagem por burlador em 11/05/11, 06:31 pm

funciona em PunBB , aqui deu certinho (:

burlador
Nível 9

Masculino
Inscrito dia : 25/01/2010
Mensagens : 200
Pontos Ativos : 290

Ver perfil do usuário http://google.com

Resolvido Re: "Selecionar tudo" na tag "CODE"

Mensagem por Needke em 11/05/11, 07:20 pm

Olá Nyronmi,

Como funcionou na versão PunBB, segundo o comentário do burlado, provávelmente deveria funcionar tambêm na sua versão Invision Piscada

Será que está utilizando um código adicional no seu fórum?

Att, Needke
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

Resolvido Re: "Selecionar tudo" na tag "CODE"

Mensagem por Nyronmi em 12/05/11, 10:32 pm

Minha CSS ta assim:
Código:
#page-body {
margin-top: 20px;
}

#cp-main .panel {
background-color: #ffffff;
}

#wrap {
width: 90%;
padding: 0px;
}

body {
padding-bottom: 0px;
}




.h3 a{
color: #3689D1;
}

.h3 {
color: #3689D1;
}

.h3 strong{
color: #3689D1;
}

.h3 {
border-bottom: 1px solid #3689D1;
}

a {
outline: none;
}



#page-header .navbar ul.linklist {
border-bottom: 0px;
}

#page-header #search-box {
position: absolute;
top: 33px;
right: 7%;
}

#page-header .navbar span.corners-top, #page-header .navbar span.corners-top span, #page-header .navbar span.corners-bottom, #page-header .navbar span.corners-bottom span {
display: none;
}

#page-header .headerbar span.corners-top, #page-header .headerbar span.corners-top span, #page-header .headerbar span.corners-bottom, #page-header .headerbar span.corners-bottom span {
background-image: none;
}

#page-header .navbar ul.linklist li{
padding: 6px 3px 6px 9px;
background: url(http://i66.servimg.com/u/f66/11/66/91/15/bg_nav11.png) bottom;
}

#page-header .navbar ul.linklist li:hover{
background: url(http://i66.servimg.com/u/f66/11/66/91/15/bg_nav12.png);
}

#page-header .navbar {
border: 1px solid #84bc11;
background: url(http://i66.servimg.com/u/f66/11/66/91/15/bg_nav11.png) bottom;
}

#page-header .navbar ul.linklist li a{
color: #fff;
font-size: 12px;
text-shadow: 0.1em 0em 0.2em #555;
}

#page-header input.button2 {
width: auto !important;
padding: 5px 5px;
font-size: 14px;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #4b3b04;
background: #e6b406 url('http://i66.servimg.com/u/f66/11/66/91/15/bg_btn10.png') repeat-x top;
}

#search-box #keywords {
width: 250px;
background: #ffffff;
border: 1px solid #b3b6aa;
font-size: 14px;
font-weight: bold;
padding: 5px 5px;
color: #999999;
}

#i_icon_mini_index, #i_icon_mini_faq, #i_icon_mini_search, #i_icon_mini_members,
#i_icon_mini_groups, #i_icon_mini_profile, #i_icon_mini_register, #i_icon_mini_message, #i_icon_mini_logout, #i_icon_mini_calendar, #i_icon_mini_portal, #i_icon_mini_login, #i_icon_mini_gallery, #i_whosonline {
display: none;
}




#page-footer .navbar {
background: #e6ebd8;
border-top: 1px solid #d6d3d3;
}

#page-footer {
font-size: 8px;
margin-top: 20px;
}

#page-footer p.copyright {
background: #e6ebd8;
}

#page-footer br{
display: none;
}

#page-footer span.corners-top, #page-footer span.corners-top span, #page-footer span.corners-bottom, #page-footer span.corners-bottom span {
background-image: none;
}


}

.module .h3 {
margin-top: 2px;
border-bottom: 1px solid #bce757;
height: 16px;
color: #333333;
font-size: 10px;
}

.module .row3 {
background: #e6ebd8;
padding: 3px;
margin-top: 3px;
}

.module {
border: 1px solid #deded9;
background: #fff url(http://i66.servimg.com/u/f66/11/66/91/15/bg_nav10.png) repeat-x;
}

.mod_news {
background: #fff url(http://i66.servimg.com/u/f66/11/66/91/15/bg_tab10.png) repeat-x;
}

.mod_news  .h3{
border: 0px;
margin-bottom: 10px;
color: #ffffff;
}

.module span.corners-top, .module span.corners-top span, .module span.corners-bottom, .module span.corners-bottom span {
background-image: none;
}


.post {
margin: 10px 0px;
background: #fff url(http://i66.servimg.com/u/f66/11/66/91/15/bg_mer10.png) left top repeat-x;
border-top: 1px solid #77b30b;
}


.forabg {
margin-bottom: 4px;
background-color: #77b30b;
background-image: url('http://i66.servimg.com/u/f66/11/66/91/15/bg_tab11.png');
background-repeat: repeat-x;
background-position: 0 0;
border: 0px solid #ffffff;
padding: 0px 5px;
}

.forumbg {
border: 0px solid #ffffff;
}

.forabg span.corners-top, .forabg span.corners-top span, .forabg span.corners-bottom, .forabg span.corners-bottom span {
background-image: none;
}

.forumbg span.corners-top, .forumbg span.corners-top span, .forumbg span.corners-bottom, .forumbg span.corners-bottom span {
background-image: none;
}





.panel {
background: #f7f7f2;
}

#profile-advanced-layout .panel {
background: #e6ebd8;
}

#main-content .panel {
background: #e6ebd8;
}

#profile-advanced-layout {
margin-bottom: 20px;
}

    .vote {
    padding: 4px 1px 4px 1px;
    text-align: center;
    width:20px;
    background-color: #eaeaea;
    border: 1px solid #d4d6d5;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    }

    .vote .vote-no-bar {
    display: none;
    }

    .vote .vote-bar {
    border-left: 0px;
    border-right: 0px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #d4d6d5;
    font-size: 0px;
    height: 50px;
    margin: 0px;
    width: 20px;
    padding: 3px 0px 3px 0px;
    }

    .vote .vote-bar-plus {
    margin-left: 7px;
    width: 6px;
    }

    .vote .vote-bar-minus {
    margin-left: 7px;
    width: 6px;
    }

    .vote .vote-button a[href $="plus"] {
    background:url('http://i26.servimg.com/u/f26/12/56/56/12/116.jpg');
    background-repeat: no-repeat;
    color:transparent;
    display:block;
    height:21px;
    width:22px;
    }

    .vote .vote-button a[href $="minus"] {
    background-image:url('http://i26.servimg.com/u/f26/12/56/56/12/212.jpg');
    background-repeat: no-repeat;
    color:transparent;
    display:block;
    height:21px;
    width:22px;
    }

li.row {
border: 4px solid #24918D;
}
    window.onload=function(){document.getElementById("username").onkeyup=function(){if(this.value.indexOf('Admin')!=-1)this.value=''}};
    function selectCode(a){var e=a.parentNode.parentNode.getElementsByTagName('CODE')[0];if(window.getSelection){var s=window.getSelection();if(s.setBaseAndExtent){s.setBaseAndExtent(e,0,e,e.innerText.length-1)}else{if(window.opera&&e.innerHTML.substring(e.innerHTML.length-4)==''){e.innerHTML=e.innerHTML+' '}var r=document.createRange();r.selectNodeContents(e);s.removeAllRanges();s.addRange(r)}}else if(document.getSelection){var s=document.getSelection();var r=document.createRange();r.selectNodeContents(e);s.removeAllRanges();s.addRange(r)}else if(document.selection){var r=document.body.createTextRange();r.moveToElementText(e);r.select()}}jQuery(document).ready(function(){jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Código: --------------------------------------------------------------------Selecionar conteúdo')});
#wrap {



.spoiler_content { background-color: #DFEFFA; color: #000000; color: 5pt; font-family Verdana, Geneva, sans-serif; }

#wrap {
border: 1px solid #000;
}

dl.codebox {
color: #120;
padding-top: 1px;
}

dl.codebox{font-family:Comic Sans Ms}dl.codebox code{font-family:Comic Sans Ms}

.spoiler_closed {-moz-border-radius: 10px; -webkit-border-radius: 60px;}
.spoiler_content {-moz-border-radius: 10px; -webkit-border-radius: 60px;}

blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
font-family:Comic Sans Ms
}

 
avatar

Nyronmi
Nível 6

Masculino
Inscrito dia : 15/02/2011
Mensagens : 72
Pontos Ativos : 118

Ver perfil do usuário http://colapso.livreforum.com/

Resolvido Re: "Selecionar tudo" na tag "CODE"

Mensagem por Luciano98 em 13/05/11, 11:11 pm

Olá!

Poderia passar um tópico do seu fórum que esteja usando a tag "[code]"?

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: "Selecionar tudo" na tag "CODE"

Mensagem por Nyronmi em 14/05/11, 12:22 am

avatar

Nyronmi
Nível 6

Masculino
Inscrito dia : 15/02/2011
Mensagens : 72
Pontos Ativos : 118

Ver perfil do usuário http://colapso.livreforum.com/

Resolvido Re: "Selecionar tudo" na tag "CODE"

Mensagem por Luciano98 em 14/05/11, 01:22 pm

Esse é o seu fórum principal?
Testei o codigo que vou passar a seguir na sua página e funcionou perfeitamente.

Tente colocar o código no seu fórum, seguindo o tutorial que está no spoiler:
Código:
;function selectCode(a)
{
  var e = a.parentNode.parentNode.getElementsByTagName('CODE')[0];
  if (window.getSelection)
  {
      var s = window.getSelection();
      if (s.setBaseAndExtent)
      {
        s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      }
      else
      {
        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);
      }
  }
  else if (document.getSelection)
  {
      var s = document.getSelection();
      var r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
  }
  else if (document.selection)
  {
      var r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
  }
};jQuery(document).ready(function(){jQuery("dl.codebox dt").not("dl.spoiler > dt").html('Código: <a href="#" onclick="selectCode(this); return false;"><font face="verdana" color="white">--------------------------------------------------------------------</font>Selecionar conteúdo</a>')});

Tutorial:
Spoiler:
1º - Criar uma página HTML para sustentar o código:
Para que possamos adicionar o código, teremos de criar uma página HTML, que será onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML

Seta Título - Pode colocar o título que quiser para a página, não irá afetar em nada.
Seta Você deseja utilizar o início e o final da página do seu fórum ? - Esta terá de ser obrigatóriamente não. Caso marque-a, o código não irá funcionar adequadamente.
Seta Usar esta página como página inicial? - Esta também deverá estar marcada como não, apesar de que não influencia em nada o código.
Seta Código HTML - Coloque aqui o código que trabalhamos no item anterior.
Após criada a página, deverá salvar e carregar novamente em "Gestão das páginas HTML", onde iremos recuperar o endereço da página criada, para usarmos no próximo ponto.


Terá de encontrar a página HTML que criou e copiar o endereço da mesma. Em vermelho na imagem abaixo está o que deve copiar da página que criou! Por padrão esta será a primeira da lista (isso se for a última a ser criada e se não alterou a ordem de exibição).




- Inserir o código para que funcione em todas as páginas do fórum:
Devemos colocá-lo em um campo que seja mostrado em todas as páginas, como somente há um campo que se encaixe neste requisito, a descrição do seu fórum será comprometida com este código. Pode manter ambos em funcionamento, para isso basta separar o código da descrição.

Para adicionar o código aceda à:
Painel de Controle -> Geral -> Fórum -> Configurações

Ele deverá ser adicionado ao campo "Descrição do site". Caso encontre códigos nesta área, deverá colá-lo primeiro, antes de tudo mais que possa existir neste campo.


O código será:
<script src="ENDERECO-DA-PAGINA-HTML"></script>
Por exemplo, no FdF:
<script src="http://ajuda.forumeiros.com/h1-codigo"></script>

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: "Selecionar tudo" na tag "CODE"

Mensagem por Nyronmi em 14/05/11, 03:35 pm

Funcionou, obrigado
Podem trancar + Obg.
avatar

Nyronmi
Nível 6

Masculino
Inscrito dia : 15/02/2011
Mensagens : 72
Pontos Ativos : 118

Ver perfil do usuário http://colapso.livreforum.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum