Inserir "Selecionar tudo" na tag "CODE"

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

Resolvido Inserir "Selecionar tudo" na tag "CODE"

Mensagem por pecktovit em 07/08/11, 02:19 pm

Qual é minha questão:
Quero saber como fazer para por o
Código:
"Selecionar Conteudo"
, ou tipo, mudar a mensagem, mas tanto faz. para por no code, tipo aqui no FdF tem isso no code, mas tipo, eu procurei uns tutoriais e não pegou, os tutoriais oficiais do FdF.

So pega no quote do FdF (tipo personalizado igual ao do FdF ou pega em qualquer tipo de quote?)

.... espero respostas

Medidas que eu tomei para corrigir o problema:
Tentei procurar em um tópico mas não consegui: http://ajuda.forumeiros.com/t40924-selecionar-tudo-na-tag-code


Endereço do meu fórum:
http://transfor-mj.forumeiros.com/forum

Versão do meu fórum:
PHPBB3
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

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

Mensagem por Oto! em 07/08/11, 02:29 pm

Olá,

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>');
});

Flecha ajudeiros Painel de Controle
Flecha ajudeiros Módulos
Flecha ajudeiros Paginas HTML

Crie uma nova página HTML.Após isto vá

Flecha ajudeiros Painel de Controle
Flecha ajudeiros Geral
Flecha ajudeiros Fórum
Flecha ajudeiros Configuração

Descrição do Site:
Código:
<script src="ENDERECO-DA-PAGINA-HTML"></script>

Seta curta Salve
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

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

Mensagem por Consolado em 07/08/11, 02:33 pm


Olá,

Leia o conteúdo do Spoiler autor:
Spoiler:
Adicionando "Selecionar tudo" na tag "CODE"

Nesse tutorial, será possível adicionar uma nova funcionalidade no seu fórum que, permitirá seleccionar e copiar todo o código automaticamente da tag "CODE". Isso facilitará bastante a sua tarefa, poupando o seu tempo.


/!\ Este código somente funcionará para as versões: PhpBB 3, Invision e PunBB. Isso acontece pois o PhpBB 2 possui uma estrutura que não permite este tipo de modificação, nem mesmo através dos templates.

--> Tutoriais, dicas e astúcias <--
Adicionando "Selecionar tudo" na tag "CODE"


- Entender o código necessário:
Sendo um código bastante complexo, recomendamos que não modifique nenhum campo!
Poderá transferir esse código para um Bloco de Notas que, será necessário a seguir.
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
elseif (document.getSelection)
{
var s=document.getSelection();
var r=document.createRange();
r.selectNodeContents(e);
s.removeAllRanges();
s.addRange(r);
}

// IE
elseif(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 style=color:transparent>---------------------------------------------------------------------------</font><font color=black>Selecionar conteúdo</font></a>')});

- Criar uma página HTML para sustentar o código:
Para que possamos sustentar o código necessário, teremos de criar uma página HTML, onde o script ficará. Para isso é necessário aceder à:
Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML
(carregue na imagem para aumentar)

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.

(carregue na imagem para aumentar)

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).

(carregue na imagem para aumentar)

- 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.

(carregue na imagem para aumentar)

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

Atenciosamente, Today! Muito feliz
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

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

Mensagem por pecktovit em 07/08/11, 02:43 pm

Olha o seguinte no código tem o seguinte:
--------------------------------------------------------------------
Já sei que esses ----- tem no Fdf mas Eu tentei por mais "----" para ver se o "selecionar conteúdo" descia mas ficou igual a imagem abaixo, ficou bugado... e tendei por a tag <div>

Imagens:

avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

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

Mensagem por Oto! em 07/08/11, 06:47 pm

Olá,

Poderia fazer uma gentileza,de nos passar o link de seu fórum, e um tópico com o "Code"?

Até Mais
avatar

Oto!
Hiperativo

Inscrito dia : 07/04/2011
Mensagens : 3363
Pontos Ativos : 4818

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

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

Mensagem por Luciano98 em 07/08/11, 06:50 pm

Olá!

Qual o seu objetivo? Colocar o "Selecionar tudo" mais para baixo?

Até mais.
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: Inserir "Selecionar tudo" na tag "CODE"

Mensagem por pecktovit em 08/08/11, 01:33 pm

Sim mas sem que fique junto do texto
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

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

Mensagem por Luciano98 em 08/08/11, 02:08 pm

Olá!

Qual dos dois códigos você usou? Poste-o aqui no tópico.

Até mais.
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: Inserir "Selecionar tudo" na tag "CODE"

Mensagem por pecktovit em 08/08/11, 02:33 pm

Esse:
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>');
});

so que ficou no lado direito >>>>>>


e depois nesse mesmo codigo mudando apenas o final onde tem:
Código:

.... electCode(this); return false;"><font face="verdana" color="white">--------------------------------------------------------------------</font>Selecionar conteúdo</a>'); ...

trocando os " ------------------- " por <div> ficou assim:


essa imagem também serve para mostrar outra coisa que fiz, no codigo eu pus mais -------- para ver se descia o selecionar conteudo, mas quando desceu ficou bugado igualmente, so que ficou uns ---- branco...

a cor eu sei mudar, so não sei como faz para não juntar ao texto
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

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

Mensagem por Luciano98 em 08/08/11, 02:37 pm

Olá!

Teste esse código:
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: <font face="verdana" style=color:#efg3f7!important>--------------------------------------------------------------------</font><a href="#" onclick="selectCode(this);return false" style=position:relative;top:15px;>Selecionar conteúdo</a>');
});

Até mais.


Última edição por Luciano98 em 08/08/11, 03:06 pm, editado 1 vez(es)
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: Inserir "Selecionar tudo" na tag "CODE"

Mensagem por pecktovit em 08/08/11, 02:41 pm

Resultado:
http://transfor-mj.forumeiros.com/t17-12312312312321#32

fail Triste

não consegui ainda :\
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

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

Mensagem por Luciano98 em 08/08/11, 03:07 pm

Olá!

Teste esse código:
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: <font face="verdana" style=color:#efg3f7!important>--------------------------------------------------------------------</font><a href="#" onclick="selectCode(this);return false" style=position:relative;top:15px;>Selecionar conteúdo</a>');
});

Até mais.
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: Inserir "Selecionar tudo" na tag "CODE"

Mensagem por pecktovit em 08/08/11, 03:11 pm

Funcionou ta bom assim mesmo, vlw
avatar

pecktovit
Nível 9

Masculino
Inscrito dia : 09/06/2011
Mensagens : 174
Pontos Ativos : 322

Ver perfil do usuário http://transfor-mj.forumeiros.com/forum

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