Opção selecionar tudo no code
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre códigos :: Questões resolvidas sobre HTML & BBCode
Página 1 de 1 • Compartilhe •
Opção selecionar tudo no code
Qual é minha questão:
Gostaria de saber como faço para implementar a opção "Selecionar Tudo", na caixa "Code", como existe aqui no FDF.
Bom, é só isto, se restar alguma dúvida cite-a que irei explicar melhor.
Medidas que eu tomei para corrigir o problema:
...
Imagens do meu problema:
Endereço do meu fórum:
http://forumgd.tk
Versão do meu fórum:
PHPBB3
Gostaria de saber como faço para implementar a opção "Selecionar Tudo", na caixa "Code", como existe aqui no FDF.
Bom, é só isto, se restar alguma dúvida cite-a que irei explicar melhor.
Medidas que eu tomei para corrigir o problema:
...
Imagens do meu problema:
Endereço do meu fórum:
http://forumgd.tk
Versão do meu fórum:
PHPBB3
Like- Usuário destaque
-
Inscrito dia : 29/10/2010
Mensagens : 885
Pontos Ativos : 1327
Re: Opção selecionar tudo no code
Olá,
Leia o conteúdo do Spoiler autor:
Atenciosamente!
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"
1º - 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>')});
2º - 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 HTMLTítulo - Pode colocar o título que quiser para a página, não irá afetar em nada.
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.
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.
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).
3º - 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á:
Por exemplo, no FdF:<script src="ENDERECO-DA-PAGINA-HTML"></script><script src="http://ajuda.forumeiros.com/selecionar-code-h1.htm"></script>
Atenciosamente!
Cream- Ex-Admineiro
-
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11637
Re: Opção selecionar tudo no code
Olá, apliqueo código exactamente como dito no tutorial, mas não aconteceu nada.
A versão de meu fórum é PhpBB 3.
A versão de meu fórum é PhpBB 3.

Like- Usuário destaque
-
Inscrito dia : 29/10/2010
Mensagens : 885
Pontos Ativos : 1327
Re: Opção selecionar tudo no code
Olá,
Aceda em:
Painel de controle
Módulos
Portal & Widgets
Gestão dos widgets do fórum
Preencha os campos correctamente e em "Fonte do widget" adicione o seguinte código:
Até mais.
Aceda em:
Painel de controle




- Código:
<script>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;"><font face="verdana" color="white">--------------------------------------------------------------------------------------------</font>Selecionar conteúdo</a>');
});
</script>
Até mais.
Cream- Ex-Admineiro
-
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11637
Re: Opção selecionar tudo no code
Continua não funcionando...

Like- Usuário destaque
-
Inscrito dia : 29/10/2010
Mensagens : 885
Pontos Ativos : 1327
Re: Opção selecionar tudo no code
Olá!
Não adianta colocar no Widget, pois os Widgets não estão ativados nas mensagens do fórum.
Até mais.
Não adianta colocar no Widget, pois os Widgets não estão ativados nas mensagens do fórum.
- 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>')});
Até mais.
Última edição por Luciano98 em 01/10/11, 05:21 am, editado 2 vez(es)
Luciano98- Ex-Admineiro
-
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11046
Re: Opção selecionar tudo no code
Olá Luciano, o código não funciona.

Like- Usuário destaque
-
Inscrito dia : 29/10/2010
Mensagens : 885
Pontos Ativos : 1327
Re: Opção selecionar tudo no code
Olá!
Eu não sei porque a minha mensagem anterior ficou pela metade, mas era para você colocar o código em uma página Javascript.
Painel de Controle
Módulos
Gestão dos códigos JavaScript
Clique em "Criar um novo JavaScript".
Título
Escolha o título que quiser
Investimento
Em todas as páginas
Codigo JavaScript:
Clique em "Confirmar".
Até mais.
Eu não sei porque a minha mensagem anterior ficou pela metade, mas era para você colocar o código em uma página Javascript.
Painel de Controle


Clique em "Criar um novo JavaScript".
Título

Investimento

Codigo JavaScript:
- 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>')});
Clique em "Confirmar".
Até mais.
Luciano98- Ex-Admineiro
-
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11046
Re: Opção selecionar tudo no code
Continua á não modificar nada...

Like- Usuário destaque
-
Inscrito dia : 29/10/2010
Mensagens : 885
Pontos Ativos : 1327
Re: Opção selecionar tudo no code
Olá!
Teste esse código que eu modifiquei.
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle
Módulos
Gestão dos códigos JavaScript
Clique em "Criar um novo JavaScript".
Título
Escolha o título que quiser
Investimento
Em todas as páginas
Codigo JavaScript:
Clique em "Confirmar".
Até mais.
Teste esse código que eu modifiquei.
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle


Clique em "Criar um novo JavaScript".
Título

Investimento

Codigo JavaScript:
- 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 style=color:transparent>---------------------------------------------------------------------------</font><font color=black>Selecionar conteúdo</font></a>')});
Clique em "Confirmar".
Até mais.
Última edição por Luciano98 em 28/09/11, 06:16 pm, editado 1 vez(es)
Luciano98- Ex-Admineiro
-
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11046
Re: Opção selecionar tudo no code
eu tentei com esse ultimo codigo e deu, voce tem que ir em Painel de Controle -> Geral -> Fórum -> Configurações e onde vc pois o link do html vai no do java e copia e poe la que da certo.
konekta Brasil- Usuário destaque
-
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147
Re: Opção selecionar tudo no code
Não é preciso colocar o link da página Javascript, ele é automaticamente adicionada no fórum quando ela é criada.winduss escreveu:eu tentei com esse ultimo codigo e deu, voce tem que ir em Painel de Controle -> Geral -> Fórum -> Configurações e onde vc pois o link do html vai no do java e copia e poe la que da certo.
Até mais.
Luciano98- Ex-Admineiro
-
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11046
Re: Opção selecionar tudo no code
Olá,
Painel de controle ->> Módulos ->> Portal e Widgets ->> Gestão dos widgets do fórum ->>
Clique no botão "Criar um widget personalizado" e no campo de código, adicione o seguinte código:
Depois, adicione-o na estrutura e veja se sua questão persiste.
Painel de controle ->> Módulos ->> Portal e Widgets ->> Gestão dos widgets do fórum ->>
Clique no botão "Criar um widget personalizado" e no campo de código, adicione o seguinte código:
- Código:
<script>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;"><font face="verdana" color="white">--------------------------------------------------------------------------------------------</font>Selecionar conteúdo</a>');
});
</script>
Depois, adicione-o na estrutura e veja se sua questão persiste.
Dury- Principal contribuidor
-
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827
Like- Usuário destaque
-
Inscrito dia : 29/10/2010
Mensagens : 885
Pontos Ativos : 1327
Re: Opção selecionar tudo no code
Você testou o ultimo código que eu passei? Ele não funcionou?
Até mais.
Luciano98- Ex-Admineiro
-
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11046
Re: Opção selecionar tudo no code
Pronto, já consegui, os métodos passado por vocês não deram certo, segui o do membro Winduss e funcionou.
Podem fechar, obrigado á todos.
Podem fechar, obrigado á todos.

Like- Usuário destaque
-
Inscrito dia : 29/10/2010
Mensagens : 885
Pontos Ativos : 1327
Re: Opção selecionar tudo no code
Colocar o código em uma página Javascript tambem deveria funcionar.@Like escreveu:Pronto, já consegui, os métodos passado por vocês não deram certo, segui o do membro Winduss e funcionou.
Podem fechar, obrigado á todos.
Tópico bloqueado
Luciano98- Ex-Admineiro
-
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11046
Fórum dos Fóruns :: Atendimento ao Usuário Forumeiros :: Questões sobre códigos :: Questões resolvidas sobre HTML & BBCode
Página 1 de 1
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum