Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
[TUTORIAL] Pesquisa em tempo real para tópicos
Página 1 de 1
[TUTORIAL] Pesquisa em tempo real para tópicos
Pesquisa em tempo real para tópicos |
Com base neste tutorial, podemos pesquisar palavras de mensagens postadas no tópico em tempo real. Para uma busca mais facilitada e avançada. Identificando a mensagem ou palavra chave desejada para buscar tal mensagem.
--> Tutoriais, dicas e astúcias <--
Pesquisa em tempo real para tópicos
Pesquisa em tempo real para tópicos
1º - Código a ser utilizado:
Escolha o código de acordo com a versão de seu fórum.
PHPBB3, INVISION & PUNBB |
- Código:
$(document).ready(function () {
$('.topic-actions, .pun-crumbs:first, .posting-options.topic-options').after('<form id="pesquisaTopicos" action="" method="post"> <fieldset> <input style="width: 200px;" class="inputbox search" placeholder="Digite um termo para pesquisa..." type="text" class="text-input" id="filtroTopicos" value="" /> <span id="filtroNumeros"></span> </fieldset> </form>');
$('#filtroTopicos').keyup(function () {
var filtrarTopicos = $(this).val(),
contagemTopicos = 0;
$('.post').each(function () {
if ($(this).text().search(new RegExp(filtrarTopicos, 'i')) < 0) {
$(this).fadeOut();
} else {
$(this).show();
contagemTopicos++;
}
});
var numeroPesquisa = contagemTopicos;
$('#filtroNumeros').html('<span id="numeroPesquisa">Foram encontrados ' + numeroPesquisa + ' tópicos.</span>');
var emptyDiv = $('#filtroTopicos').val();
if (emptyDiv == '') {
$('#filtroNumeros').html('');
}
});
});
PHPBB2 |
- Código:
$(document).ready(function () {
$('table:has(.nav)').after('<form id="pesquisaTopicos" action="" method="post"> <fieldset> <input style="width: 200px;" class="inputbox search" placeholder="Digite um termo para pesquisa..." type="text" class="text-input" id="filtroTopicos" value="" /> <span id="filtroNumeros"></span> </fieldset> </form>');
$('#filtroTopicos').keyup(function () {
var filtrarTopicos = $(this).val(),
contagemTopicos = 0;
$('.post').each(function () {
if ($(this).text().search(new RegExp(filtrarTopicos, 'i')) < 0) {
$(this).fadeOut();
$(this).next('tr[class^="post"]').fadeOut();
} else {
$(this).show();
$(this).next('tr[class^="post"]').show();
contagemTopicos++;
}
});
var numeroPesquisa = contagemTopicos;
$('#filtroNumeros').html('<span id="numeroPesquisa">Foram encontrados ' + numeroPesquisa + ' tópicos.</span>');
var emptyDiv = $('#filtroTopicos').val();
if (emptyDiv == '') {
$('#filtroNumeros').html('');
}
});
});
2º - Aplicando código JS:
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.
Painel de controle >> Módulos >> HTML & JavaScript >> Gestão dos códigos JavaScripts >>
Título Correspondente ao nome da página JavaScript/jQuery que será criada. |
Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas. |
Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. |
Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum. |
- Resultado:
Fórum dos Fóruns
Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: [Dúvida] Pesquisa em tempo real para tópicos |
Tópicos semelhantes
» [TUTORIAL] Pesquisa com resultados automáticos
» [TUTORIAL] Tags nos tópicos
» [TUTORIAL] Tópicos pendentes
» [TUTORIAL] Compartilhamento de tópicos
» [TUTORIAL] Abas de tópicos
» [TUTORIAL] Tags nos tópicos
» [TUTORIAL] Tópicos pendentes
» [TUTORIAL] Compartilhamento de tópicos
» [TUTORIAL] Abas de tópicos
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos