Muitas vezes nós programadores temos casos onde precisamos fazer coisas que já fizemos antes ou fazer algo repetitivo, pensando nisso estarei criando uma seção onde serão postados códigos já prontos e organizados da melhor forma possível, isso para agilizar o trabalho de procurar no Google ou até mesmo digitar tudo. Então quando quiser o esse código procure na categoria 'Código Pronto' e boa sorte.
A dica de hoje é o Select de Estados do Brasil, onde neste fim de semana ao fazer um projeto tivemos um amigo e eu, uma demora enorme para achar um código agradável e ainda assim tava ruim, pois aqui fica a dica e até mais.
Exemplo:
Codigo HTML:
<select name="Estados">
<option value="0">Selecione o Estado</option>
<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">Espirito Santo</option>
<option value="go">Goiás</option>
<option value="ma">Maranhão</option>
<option value="ms">Mato Grosso do Sul</option>
<option value="mt">Mato Grosso</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>
</select>
Valeu.
valew mesmo me poupou muito tempo!!! Valew.. até a próxima...
ResponderExcluirValew mesmo! Poupou o tempo de ficar digitando estado por estado...
ResponderExcluirMuito bom. Só que bem que podia ter colocado os values em MAISCULO também. hehehe
ResponderExcluirEu fiz desta forma, usei as abreviações do value em maísculo e alerto o pessoal para deixá-lo nos SNIPPETS do Dreamweaver.
valeu
ResponderExcluirvaleu, me salvou um tempão
ResponderExcluiressa eh a ideia , ganhar tempo
ResponderExcluirkll
ResponderExcluirMe salvou um baita tempo num protótipo aqui, se eu ficar rico te dou uma porcentagem rsrs.
ResponderExcluirvaleu!
Te amo
ResponderExcluirvaleu! ;)
ResponderExcluirdreamweaver? HAHAHAHAHAHAH..
ResponderExcluirValeu cara me poupou bastante tempo brigadu!!
ResponderExcluirCara, vlw mesmo, me poupou tempo pra caraaamba de ficar digitando estado por estado :)
ResponderExcluirS2
ResponderExcluirDeixa o abreviado aí também! Pra quando não tiver espaço!
ResponderExcluir<select name="estado">
<option value="">--</option>
<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">Espirito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MT">Mato Grosso</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>
</select>
Deixa o de estados abreviados para quem precisar também!
ResponderExcluir<select name="estado">
<option value="">--</option>
<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">Espirito Santo</option>
<option value="GO">Goiás</option>
<option value="MA">Maranhão</option>
<option value="MS">Mato Grosso do Sul</option>
<option value="MT">Mato Grosso</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>
</select>
EXCELENTE!
ResponderExcluirMuito Bom !!!
ResponderExcluirValeu!
ResponderExcluirAdorei, mas sou inciante. Como faço para que quando a pessoa clique no estado seja direcionada para um site específico?
ResponderExcluir"Seu Pediatra" voce terá que colocar um evento em javascript, que será o onchange="" caso tenha conhecimento pode ate fazer com jQuery
ExcluirValeu, ajudou muito!
ResponderExcluirDeixo aqui meu array PHP.
ResponderExcluir$estados_br = array(
"AL" => "AL - Alagoas",
"AM" => "AM - Amazonas",
"AP" => "AP - Amapá",
"BA" => "BA - Bahia",
"CE" => "CE - Ceará",
"DF" => "DF - Distrito Federal",
"ES" => "ES - Espírito Santo",
"GO" => "GO - Goiás",
"MA" => "MA - Maranhão",
"MT" => "MT - Mato Grosso",
"MS" => "MS - Mato Grosso do Sul",
"MG" => "MG - Minas Gerais",
"PA" => "PA - Pará",
"PB" => "PB - Paraíba",
"PR" => "PR - Paraná",
"PE" => "PE - Pernambuco",
"PI" => "PI - Piauí",
"RJ" => "RJ - Rio de Janeiro",
"RN" => "RN - Rio Grande do Norte",
"RO" => "RO - Rondônia",
"RS" => "RS - Rio Grande do Sul",
"RR" => "RR - Roraima",
"SC" => "SC - Santa Catarina",
"SE" => "SE - Sergipe",
"SP" => "SP - São Paulo",
"TO" => "TO - Tocantins"
);
Obrigado Cara!
ResponderExcluir