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]

Editado Abril 3, 2011 em 15:05 Abr 3, 2011 por PedroFelipe

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.

Editado Abril 4, 2011 em 17:17 Abr 4, 2011 por PedroFelipe

Muito boa dica Pedro Felipe, Obrigado por compartilhar!!

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!

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:

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

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! ;-)

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

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.

Claro que está... linha 26.