Clicky

Jump to content
Portal do Host
  • Sign Up

Sign in to follow this  
PedroFelipe

Lista de estados em dropdown no WHMCS

Recommended Posts

Este tutorial foi criado pelo Matt no Fórum do WHMCS, eu apenas traduzi e inseri a lista de estados brasileiros:

1. Procure pelo código abaixo nos arquivos:

/templates/seutema/clientregister.tpl

/templates/seutema/clientareadetails.tpl

{$clientcountriesdropdown}
e substitua por:
{$clientcountriesdropdown|replace:'<select':'<select id="country"'}[/code]




[b]2.[/b] Procure pelo campo de estado, algo como:



[code]<input type="text" name="state" size="25" value="{$clientstate}" />[/code]
e substitua por:
[code]<input type="text" name="state" size="25" value="{$clientstate}" id="state" /><div id="statedropdown"></div>[/code]
[b]3.[/b] Procure por:
[code]<script type="text/javascript" src="includes/jscript/pwstrength.js"></script>[/code]
e insira abaixo:
[code]<script type="text/javascript" src="includes/jscript/jquerylq.js"></script> <script type="text/javascript" src="includes/jscript/statedropdown.js"></script>[/code]
[b]4.[/b] Para finalizar, crie statedropdown.js e envie para a pasta [b]includes/jscript[/b].
[code]var ar = new Array(); ar['BR'] = "<option value=\"AC\">Acre</option><option value=\"AL\">Alagoas</option><option value=\"AP\">Amapá</option><option value=\"AM\">Amazonas</option><option value=\"BA\">Bahia</option><option value=\"CE\">Ceará</option><option value=\"DF\">Distrito Federal</option><option value=\"ES\">Espírito Santo</option><option value=\"GO\">Goiás</option><option value=\"MA\">Maranhão</option><option value=\"MT\">Mato Grosso</option><option value=\"MS\">Mato Grosso do Sul</option><option value=\"MG\">Minas Gerais</option><option value=\"PA\">Pará</option><option value=\"PB\">Paraíba</option><option value=\"PR\">Paraná</option><option value=\"PE\">Pernambuco</option><option value=\"PI\">Piauí</option><option value=\"RJ\">Rio de Janeiro</option><option value=\"RN\">Rio Grande do Norte</option><option value=\"RS\">Rio Grande do Sul</option><option value=\"RO\">Rondônia</option><option value=\"RR\">Roraima</option><option value=\"SC\">Santa Catarina</option><option value=\"SP\">São Paulo</option><option value=\"SE\">Sergipe</option><option value=\"TO\">Tocantins</option>"; $(document).ready(function(){ $("#country").change(function() { var country = $(this).val(); if (ar[country]) { $("#state").hide(); $("#statedropdown").html('<select id="statedd">'+ar[country]+'</select>'); $("#state").val($("#statedd").val()); } else { $("#state").show(); $("#statedropdown").html(''); } }); $("#statedd").livequery("change", function(event) { $("#state").val($(this).val()); }); var country = $("#country").val(); if (ar[country]) { $("#state").hide(); $("#statedropdown").html('<select id="statedd">'+ar[country]+'</select>'); $("#state").val($("#statedd").val()); } else { $("#state").show(); $("#statedropdown").html(''); } });[/code]

Edited by PedroFelipe

Share this post


Link to post
Share on other sites

1. Procure pelo código abaixo no arquivo:

/templates/seutema/clientareaaddcontact.tpl

{$countriesdropdown}
e substitua por:
{$countriesdropdown|replace:'<select':'<select id="country"'}[/code]




[b]2.[/b] Procure pelo campo de estado, algo como:



[code]<input type="text" name="state" value="{$contactstate}" size="25" />[/code]
e substitua por:
[code]<input type="text" name="state" size="25" value="{$contactstate}" id="state" /><div id="statedropdown"></div>[/code]
[b]3.[/b] Insira na primeira linha do arquivo:
[code]<script type="text/javascript" src="includes/jscript/jquerylq.js"></script> <script type="text/javascript" src="includes/jscript/statedropdown.js"></script>[/code]

[b]4.[/b] Para finalizar, crie statedropdown.js, como citado no exemplo acima.

Edited by PedroFelipe

Share this post


Link to post
Share on other sites

Muito legal mesmo PedroFelipe.. Parabéns pelo trabalho!

Será que alguém teria as "manhas" de fazer na sequência o dropdown das cidades após a seleção dos estados? Ficaria muito massa e bem profissional!

Valeu gALLera!


"- Isto fica feliz em ser útil!" ;)     ->  Ajudei? Dê um "Curtir" aí no post!

Share this post


Link to post
Share on other sites
Muito legal mesmo PedroFelipe.. Parabéns pelo trabalho!

Será que alguém teria as "manhas" de fazer na sequência o dropdown das cidades após a seleção dos estados? Ficaria muito massa e bem profissional!

Valeu gALLera!

Fazer isso não deve ser complicado, conseguir a lista de cidades por estado e organizá-las é que deve ser o mais difícil :confused:

Share this post


Link to post
Share on other sites

Opa..

Só corrigindo alguns erros :

Não tem essa linha:

<script type="text/javascript" src="includes/jscript/pwstrength.js"></script>
Portanto, adicione as linhas a seguir APÓS a tabela de campos do formulário :

<script type="text/javascript" src="includes/jscript/jquerylq.js"></script>

<script type="text/javascript" src="includes/jscript/statedropdown.js"></script> 

E então, caso não funcione ainda, coloque este arquivo statedropdown.js, em vez do que foi passado acima!

COLOQUEI EM ANEXO POIS É MUITO GRANDE!

statedropdown.zip

Share this post


Link to post
Share on other sites

Achei no site do IBGE as cidades de cada estado, o problema é que tem que ir de estado em estado, baixar um PDF, selecionar e copiar a lista de cidades com os dados adicionais, etc... Vamos ver se consigo algo mais fácil ou se consigo catalogar isso tudo! ;-)


"- Isto fica feliz em ser útil!" ;)     ->  Ajudei? Dê um "Curtir" aí no post!

Share this post


Link to post
Share on other sites

Seria legal que a WHMCS disponibiza-se gratuitamente aos seus clientes este tipo de script ;]


"Preocupe-se mais com a sua consciência do que com sua reputação. Porque sua consciência é o que você é, e a sua reputação é o que os outros pensam de você. E o que os outros pensam, é problema deles."

Share this post


Link to post
Share on other sites
Opa..

Só corrigindo alguns erros :

Não tem essa linha:

<script type="text/javascript" src="includes/jscript/pwstrength.js"></script>
Portanto, adicione as linhas a seguir APÓS a tabela de campos do formulário :

<script type="text/javascript" src="includes/jscript/jquerylq.js"></script>

<script type="text/javascript" src="includes/jscript/statedropdown.js"></script> 

E então, caso não funcione ainda, coloque este arquivo statedropdown.js, em vez do que foi passado acima!

COLOQUEI EM ANEXO POIS É MUITO GRANDE!

Verifique o arquivo em anexo. Não está com os estados brasileiros.

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.



×
×
  • Create New...