1. Accueil
  2. Javascript
  3. Sources Javascript
  4. Sources Divers
  5. Départements de la france métropolitaine et codes postaux

Départements de la france métropolitaine et codes postaux

Soyez le premier à donner votre avis sur cette source.

Vue 17 955 fois - Téléchargée 433 fois

Télécharger le projet
Commenter

Description

La page se compose de deux zones :
- une zone départements
- une zone code postal
Si vous choisissez un département, le navigateur affiche son numéro dans la zone code postal.
Si vous préférez commencé par entrer le code postal, c'est possible, une fois entré cliquez sur le bouton "Valider", et le navigateur affichera a quel département il appartient.

Source / Exemple : 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript">
//<!--
/*(c) Nicolas DUBIEN - 2006*/
function departement(codepostal) {
var depart=codepostal.substring(0,1)+codepostal.substring(1,2);
return depart;
}
function verifliste() {
if(document.form1.textarea.value.length==5) document.form1.select1.value=departement(document.form1.textarea.value);
}
//-->
</script>
</head>

<body>
<form name="form1" method="post" action="">
  <p><strong>France métropolitaine</strong></p>
  <p>    <select name="select1" onClick="document.form1.textarea.value=document.form1.select1.value;">
      <option value="0"></option>
      <option value="01">01 - Ain</option>
      <option value="02">02 - Aisne</option>
      <option value="03">03 - Allier</option>
      <option value="04">04 - Alpes-de-Haute-Provence</option>
      <option value="05">05 - Hautes-Alpes</option>
      <option value="06">06 - Alpes-Maritimes</option>
      <option value="07">07 - Ardèche</option>
      <option value="08">08 - Ardennes</option>
      <option value="09">09 - Ariège</option>
      <option value="10">10 - Aube</option>
      <option value="11">11 - Aude</option>
      <option value="12">12 - Aveyron</option>
      <option value="13">13 - Bouches-du-Rhône</option>
      <option value="14">14 - Calvados</option>
      <option value="15">15 - Cantal</option>
      <option value="16">16 - Charente</option>
      <option value="17">17 - Charente-Maritime</option>
      <option value="18">18 - Cher</option>
      <option value="19">19 - Corrèze</option>
      <option value="2A">2A - Corse-du-Sud</option>
      <option value="2B">2B - Haute-Corse</option>
      <option value="21">21 - Côte-d'Or</option>
      <option value="22">22 - Côtes-d'Armor</option>
      <option value="23">23 - Creuse</option>
      <option value="24">24 - Dordogne</option>
      <option value="25">25 - Doubs</option>
      <option value="26">26 - Drôme</option>
      <option value="27">27 - Eure</option>
      <option value="28">28 - Eure-et-Loir</option>
      <option value="29">29 - Finistère</option>
      <option value="30">30 - Gard</option>
      <option value="31">31 - Haute-Garonne</option>
      <option value="32">32 - Gers</option>
      <option value="33">33 - Gironde</option>
      <option value="34">34 - Hérault</option>
      <option value="35">35 - Ille-et-Vilaine</option>
      <option value="36">36 - Indre</option>
      <option value="37">37 - Indre-et-Loire</option>
      <option value="38">38 - Isère</option>
      <option value="39">39 - Jura</option>
      <option value="40">40 - Landes</option>
	  <option value="41">41 - Loir-et-Cher</option>
      <option value="42">42 - Loire</option>
      <option value="43">43 - Haute-Loire</option>
      <option value="44">44 - Loire-Atlantique</option>
      <option value="45">45 - Loiret</option>
      <option value="46">46 - Lot</option>
      <option value="47">47 - Lot-et-Garonne</option>
      <option value="48">48 - Lozère</option>
      <option value="49">49 - Maine-et-Loire</option>
      <option value="50">50 - Manche</option>
      <option value="51">51 - Marne</option>
      <option value="52">52 - Haute-Marne</option>
      <option value="53">53 - Mayenne</option>
      <option value="54">54 - Meurthe-et-Moselle</option>
      <option value="55">55 - Meuse</option>
      <option value="56">56 - Morbihan</option>
      <option value="57">57 - Moselle</option>
      <option value="58">58 - Nièvre</option>
      <option value="59">59 - Nord</option>
      <option value="60">60 - Oise</option>
	  <option value="61">61 - Orne</option>
      <option value="62">62 - Pas-de-Calais</option>
      <option value="63">63 - Puy-de-Dôme</option>
      <option value="64">64 - Pyrénées-Atlantiques</option>
      <option value="35">65 - Hautes-Pyrénées</option>
      <option value="66">66 - Pyrénées-Orientales</option>
      <option value="67">67 - Bas-Rhin</option>
      <option value="68">68 - Haut-Rhin</option>
      <option value="69">69 - Rhône</option>
      <option value="70">70 - Haute-Saône</option>
	  <option value="71">71 - Saône-et-Loire</option>
      <option value="72">72 - Sarthe</option>
      <option value="73">73 - Savoie</option>
      <option value="74">74 - Haute-Savoie</option>
      <option value="75">75 - Paris</option>
      <option value="76">76 - Seine-Maritime</option>
      <option value="77">77 - Seine-et-Marne</option>
      <option value="78">78 - Yvelines</option>
      <option value="79">79 - Deux-Sèvres</option>
      <option value="80">80 - Somme</option>
      <option value="81">81 - Tarn</option>
      <option value="82">82 - Tarn-et-Garonne</option>
      <option value="83">83 - Var</option>
      <option value="84">84 - Vaucluse</option>
      <option value="85">85 - Vendée</option>
      <option value="86">86 - Vienne</option>
      <option value="87">87 - Haute-Vienne</option>
      <option value="88">88 - Vosges</option>
      <option value="89">89 - Yonne</option>
      <option value="90">90 - Territoire de Belfort</option>
	  <option value="91">91 - Essonne</option>
      <option value="92">92 - Hauts-de-Seine</option>
      <option value="93">93 - Seine-Saint-Denis</option>
      <option value="94">94 - Val-de-Marne</option>
      <option value="95">95 - Val-d'Oise</option>
      
      </select>
  </p>
  <p>    Code postal :
    <input name="textarea" type="text" value="" size="5" maxlength="5">
    <input type="button" name="Submit" onClick="verifliste()" value="Valider">
</p>
</form>
</body>
</html>
Télécharger le projet

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Signaler
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
 16
Bonjour...
Je ne comprends pas tout à fait l'allusion, mais il me semble que c'est forgeant que l'on devient vachement fatigué et en faisant du code que l'on s'améliore.
Une autre solution simple consiste à faire www.MoteurdeRecherche.envrac?QUESTION=Mais%20quel%20departement%a%le%numero%40
Signaler
Messages postés
1
Date d'inscription
mardi 4 juillet 2006
Statut
Membre
Dernière intervention
6 juillet 2006
Autant avoir un bocal a crayon avec le nom des départements - Inutile, +
Signaler
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
 16
Bonjour...
Il serait plus élégant de passer par un tableau et une fonction pour remplir ton <SELECT>, cette fonction serait réutilisable...
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (ndubien)