Update: Só pra constar, não tem necessidade de usar a jQuery-ui, pode ser com outra solução.
Estou criando um autocomplete
para um formulário, onde devem constar todas as opções do CBO - Código Brasileiro de Ocupações
Diferente do CEP, que não possui uma base oficial gratuita, na área de downloads do MTE existe um arquivo txt, onde são listadas as profissões e o código de cada uma (dentro da página do link acima tem o link: Estrutura CBO (TXT) - Arquivo ZIP (106kb)
- é o quarto arquivo, CBO2002-Ocupacao.txt
).
Então o que quero é pegar esse arquivo e gerar o código automaticamente, incluindo as profissões e os respectivos números do CBO no arquivo .js (como está no exemplo completo abaixo). Isso é possível?
Já criei o autocomplete
, utilizando o plugin JQuery-ui, mas desanimei de escrever todas as profissões e os códigos na unha e cá estou.
Além disso, preciso que o código não fique muito pesado e lento pra carregar. Qual a melhor forma de fazer isso? Com banco de dados, tudo no arquivo .js?
Este é o autocomplete
(coloquei todos os links externos e está funcionando em "executar trecho de código"):
$(function() {
var ocupacao = [
"Abacaxicultor (CBO 6125-10)",
"Abade (CBO 2631-05)",
"Abadessa (CBO 2631-05)",
"Abanador na agricultura (CBO 6220-20)",
"Abastecedor de caldeira (CBO 8621-20)",
"Abastecedor de linha de produção (CBO 7842-05)",
"Abastecedor de máquinas de linha de produção (CBO 7842-05)",
"Abastecedor de silos de carvão (CBO 6326-05)",
"Abatedor (CBO 8485-05)"
];
$("#profiss"). autocomplete({
source:ocupacao
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://code.jquery.com/ui/1.11.4/themes/start/jquery-ui.css" rel="stylesheet"/>
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<form method="post" id="Cpost" name="Tpost">
<input type="text" id="profiss" placeholder="Informe a profissão"/>
</form>
Então, resumindo, as dúvidas são as seguintes:
1 - É possível criar o código automaticamente, à partir do arquivo .txt (ou html)? Como fazer isso?
2 - Como fazer para que o carregamento das opções não seja lento.
Atualizando: ainda não consegui, até fiz outro arquivo com as quebras de linhas (parece que o que dá pra baixar no site não tem quebras de linha) pra testar, mas ainda não consegui fazer o script funcionar. Conseguindo, posto o resultado aqui, mas se alguém tiver outra ideia estou aceitando também. :)
Update: Converti o pdf em arquivo html, e ele ficou com a seguinte estrutura (o arquivo inteiro tem mais 65k linhas):
<DIV id="id_1">
<DIV id="id_1_1">
<TABLE cellpadding=0 cellspacing=0 class="t2">
<TR>
<TD class="tr5 td4"><P class="p9 ft2"><NOBR>7681-25</NOBR></P></TD>
<TD class="tr5 td5"><P class="p10 ft3">Acabador de chapéus de palha</P></TD>
</TR>
<TR>
<TD class="tr6 td4"><P class="p9 ft2"><NOBR>7663-05</NOBR></P></TD>
<TD class="tr6 td5"><P class="p10 ft4">Acabador de embalagens (flexíveis e cartotécnicas)</P></TD>
</TR>
</TABLE>
</DIV>
Isso ajuda?
/upate