1 [TUTORIAL]Colocando Botão de Esconder/mostrar resposta rápida 11/10/12, 10:43 am
HenRyqUéè
Administrador
Avaliador
Helper
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
[TUTORIAL]Colocando Botão de Esconder/mostrar resposta rápida.
Olá, neste tutorial irei mostrar como colocar um botão para esconder e mostrar a caixa de resposta rápida.
CRÉDITOS!
Criação do código original: LGFORUM - AVACWEB
Edição e tradução: Dexter - [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]
--> Tutoriais, dicas e astúcias <--
[TUTORIAL]Colocando Botão de Esconder/mostrar resposta rápida.
[TUTORIAL]Colocando Botão de Esconder/mostrar resposta rápida.
1º - Código Javascript
Aceda em:
Titúlo: dê um nome ao js.Painel > Módulos > HTML e JavaScript > Gestão dos códigos Javascript >> Novo javascript
Envestimento: Nos tópicos.
Código JavaScript: Cole o código abaixo:
- CLIQUE PARA ABRIR:
- Código:
$(function() {
$('#quick_reply').before('<div style="text-align: center;"><input onclick="qr_cookie();" class="button1" value="Mostrar/Esconder" style="text-align: center;" type="button"></div>
');
if (my_getcookie('quick_reply')) {
document.getElementById('quick_reply').style.display = my_getcookie('quick_reply');
}
});
function qr_cookie() {
if (document.getElementById('quick_reply').style.display != 'block') {
document.getElementById('quick_reply').style.display = "block";
var a = document.getElementById('quick_reply').style.display;
my_setcookie('quick_reply', a, false);
} else {
document.getElementById('quick_reply').style.display = "none";
var a = document.getElementById('quick_reply').style.display;
my_setcookie('quick_reply', a, false);
}
}
SALVE!
2º - Código CSS
Aceda em:
Adicione o seguinte código na folha:Painel > Visualização > Imagens e Cores > Cores > Folha de estilo CSS
- CLIQUE PARA ABRIR:
- Código:
#quick_reply {
display: none;
}
3º - Resultado
- CLIQUE PARA ABRIR:
- [Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
- Funciona em quais versões?
Axo que em todas, mas so testei na versão PHPBB3
© RMBR, AVACWEB & DexTer
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
[TUTORIAL]Colocando Botão de Esconder/mostrar resposta rápida.
Gostou? Então dê +rep!!