Se connecter / S'enregistrer
Votre question

souci des codes postal et displays blok et none

Tags :
  • Javascript
  • Programmation
Dernière réponse : dans Programmation
1 Avril 2008 03:13:28

bonjour,

j'ai fais une liste des pays villes et département etc...

comme ce site

http://misscara.com/membres2.php3

comme vous pouvez contastez si vous choisisez france et là vous choisisez ile de france et là vous choisisez vos département et aprés vous mettez un code posale et là il mettra la ville qui correspond a votre code postale

donc j'ai mis sur mon site

http://le.coffre.free.fr/forum/register.php

donc voilà le code de pays.js :

Citation :
// JavaScript Document

function verif_cp(donnee)
{
varpost = 'ps=' + donnee + '&chx_pays=' + document.getElementById('chx_pays').value;

if (donnee && donnee.length >= 2)
{
if(texte = file('mesamisonline.php3?checkcp=1', varpost))
{
var tmp_array = texte.split(";;;");
document.getElementById('verif_cp').innerHTML = tmp_array[1];
}
}
}

if (navigator.appName=='Netscape')
display_property = 'table-row';
else
display_property = 'block';

var FranceArray = new Array("('Choix du département','',true,true)",
"('Paris')",
"('Ain')",
"('Aisne')",
"('Allier')",
"('Alpes-Maritimes')",
"('Alpes-de-Hte-Pce')",
"('Ardennes')",
"('Ardèche')",
"('Ariège')",
"('Aube')",
"('Aude')",
"('Aveyron')",
"('Bas-Rhin')",
"('Bas-Rhin : Strasbourg')",
"('Bouches-du-Rhône')",
"('Bouches-du-Rhône : Marseille')",
"('Calvados')",
"('Calvados : Caen')",
"('Cantal')",
"('Charente')",
"('Charente-Maritime')",
"('Cher')",
"('Corrèze')",
"('Corse-du-Sud')",
"('Creuse')",
"('Côte-d Or')",
"('Côtes-d Armor')",
"('Deux-Sèvres')",
"('Dordogne')",
"('Doubs')",
"('Drôme')",
"('Essonne')",
"('Eure')",
"('Eure-et-Loir')",
"('Eure-et-Loir : Chartres')",
"('Finistère')",
"('Gard')",
"('Gers')",
"('Gironde')",
"('Gironde : Bordeaux')",
"('Haut-Rhin')",
"('Haute Corse')",
"('Haute-Garonne')",
"('Haute-Garonne : Toulouse')",
"('Haute-Loire')",
"('Haute-Marne')",
"('Haute-Savoie')",
"('Haute-Saône')",
"('Haute-Vienne')",
"('Hautes-Alpes')",
"('Hautes-Pyrénées')",
"('Hauts-de-Seine')",
"('Hérault')",
"('Ille-et-Vilaine')",
"('Ille-et-Vilaine : Rennes')",
"('Indre')",
"('Indre-et-Loire')",
"('Isère')",
"('Isère : Grenoble')",
"('Jura')",
"('Landes')",
"('Loir-et-Cher')",
"('Loire')",
"('Loire-Atlantique')",
"('Loire-Atlantique : Nantes')",
"('Loiret')",
"('Loiret : Orleans')",
"('Lot')",
"('Lot : Cahors')",
"('Lot-et-Garonne')",
"('Lozère')",
"('Maine-et-Loire')",
"('Manche')",
"('Marne')",
"('Marne : Reims')",
"('Mayenne')",
"('Meurthe-et-Moselle')",
"('Meuse')",
"('Morbihan')",
"('Moselle')",
"('Nièvre')",
"('Nord')",
"('Nord : Lille')",
"('Oise')",
"('Oise : Beauvais')",
"('Orne')",
"('Paris')",
"('Pas-de-Calais')",
"('Pas-de-Calais : Arras')",
"('Puy-de-Dôme')",
"('Pyrénées-Atlantiques')",
"('Pyrénées-Orientales')",
"('Rhône')",
"('Rhône : Lyon')",
"('Sarthe')",
"('Savoie')",
"('Savoie : Chambery')",
"('Saône-et-Loire')",
"('Seine-Maritime')",
"('Seine-Maritime : Rouen')",
"('Seine-Saint-Denis')",
"('Seine-et-Marne')",
"('Somme')",
"('Tarn')",
"('Tarn-et-Garonne')",
"('Territoire de Belfort')",
"('Val-d Oise')",
"('Val-d Oise : Cergy pontoise')",
"('Val-de-Marne')",
"('Var')",
"('Vaucluse')",
"('Vendée')",
"('Vienne')",
"('Vosges')",
"('Yonne')",
"('Yvelines')",
"('Yvelines : Versailles')",
"('Guadeloupe')",
"('Martinique')",
"('Guyane française')",
"('Réunion')",
"('Autre')");

var SuisseArray = new Array("('Choix de la Ville :','',true,true)",

"('Bienne')",
"('Delémont')",
"('Fribourg')",
"('Genève')",
"('Lausanne')",
"('Martigny')",
"('Neuchâtel')",
"('Nyon')",
"('Sion')",
"('Vevey')",
"('Yverdon')",
"('Autre')");

var BelgiqueArray = new Array("('Choix de la province :','',true,true)",

"('Anvers')",
"('Brabant flamand')",
"('Brabant wallon')",
"('Flandre-Occidentale')",
"('Flandre-Orientale')",
"('Hainaut')",
"('Liège')",
"('Limbourg')",
"('Luxembourg')",
"('Namur')",
"('Bruxelles')",
"('Liège')",
"('Charleroi')",
"('Mons')",
"('Autre')");

var ItalieArray = new Array("('Choix de la province :','',true,true)",

"('Turin')",
"('Rome')",
"('Naples')",
"('Milan')",
"('Autre')");

var AfriqueArray = new Array("('Choix du Pays :','',true,true)",

"('Maroc')",
"('Algérie')",
"('Tunisie')",
"('Israël')",
"('Egypte')",
"('Liban')",
"('Cote d Ivoire')",
"('Autre')");

var CanadaArray = new Array("('Choix de la ville :','',true,true)",

"('Alberta')",
"('Colombie Britannique')",
"('Île du Prince Édouard')",
"('Manitoba')",
"('Nouveau-Brunswick')",
"('Nouvelle-Écosse')",
"('Nunavut')",
"('Ontario')",
"('Québec')",
"('Québec : Montréal')",
"('Saskatchewan')",
"('Terre-Neuve')",
"('Territoires du Nord-Ouest')",
"('Yukon')",
"('Autre')");

var AutreArray = new Array("('Choix de la Ville :','',true,true)",

"('Autres villes')");

function ajouter(L1,T,LIB){
if (L1.options[0].value=='' && L1.options[0] != null)
L1.options[0] = null;

L1.options[L1.length]=new Option(LIB,T);
}

function populateCountry(inForm,selected) {

if (document.getElementById('tr_codepostal'))
{
document.getElementById('chx_pays').value = selected;

if (selected == 'France' || selected == 'Belgique')
document.getElementById('tr_codepostal').style.display = display_property;
else
document.getElementById('tr_codepostal').style.display = 'none';
}

if (selected == 'Suisse' || selected == 'France' || selected == 'Afrique' || selected == 'Canada' || selected == 'Belgique' || selected == 'Italie') {
var selectedArray = eval(selected + "Array");
}
else { var selectedArray = eval('Autre' + "Array"); }

// On vide la liste.

while (selectedArray.length < inForm.country.options.length) {
document.getElementById('country').options[(inForm.country.options.length - 1)] = null;
}

// Pour tous le tableau on reremplis.

for (var i=0; i < selectedArray.length; i++) {
eval("document.getElementById('country').options=" + "new Option" + selectedArray);
}
}
// End -->


et ma page :

Citation :
<fieldset><legend>Informations supplémentaires</legend>


<label>Pays :</label>

<select name="region" onChange="populateCountry(document.visiteurins,document.visiteurins.region.options[document.visiteurins.region.selectedIndex].value)">

<OPTION VALUE=''>Choix du Pays</option>

<optgroup label="Pays détaillé :">

<OPTION VALUE='Belgique'>Belgique</option>
<OPTION VALUE='Canada'>Canada</option>
<OPTION VALUE='Italie'>Italie</option>
<OPTION VALUE='France'>France</option>
<OPTION VALUE='Suisse'>Suisse</option>

<optgroup label="Autre pays :">

<OPTION VALUE='Afrique'>Afrique</option>
<OPTION VALUE='Etats Unis'>Etats-Unis</option>
<OPTION VALUE='Luxembourg'>Luxembourg</option>
<OPTION VALUE='Monaco'>Monaco</option>
<OPTION VALUE='Allemagne'>Allemagne</option>
<OPTION VALUE='Danemark'>Danemark</option>
<OPTION VALUE='Espagne'>Espagne</option>

<OPTION VALUE='Finlande'>Finlande</option>
<OPTION VALUE='Norvege'>Norvège</option>
<OPTION VALUE='Royaume-Uni'>Royaume-Uni</option>
<OPTION VALUE='Russie'>Russie</option>
<OPTION VALUE='Asie'>Asie</option>
<OPTION VALUE='Antilles'>Antilles</option>
<OPTION VALUE='Australie'>Australie</option>
<OPTION VALUE='Autriche'>Autriche</option>
<OPTION VALUE='Brésil'>Brésil</option>
<OPTION VALUE='Balkans'>Balkans</option>
<OPTION VALUE='Guyane'>Guyane</option>
<OPTION VALUE='Guinée'>Guinée</option>
<OPTION VALUE='Guadeloupe'>Guadeloupe</option>
<OPTION VALUE='Grèce'>Grèce</option>
<OPTION VALUE='Hongrie'>Hongrie</option>
<OPTION VALUE='Irlande'>Irlande</option>
<OPTION VALUE='Pays Bas'>Pays Bas</option>
<OPTION VALUE='Portugal'>Portugal</option>
<OPTION VALUE='Suède'>Suède</option>
<OPTION VALUE='Tunisie'>Tunisie</option>
<OPTION VALUE='Turquie'>Turquie</option>
<OPTION VALUE='Mexique'>Mexique</option>
<OPTION VALUE='Nouvelle-Calédonie'>Nouvelle-Calédonie</option>
</SELECT>
<br />
<label>Villes</label>
<select name="country" id="country">

<option value=''> Selectionner une ville :</option>
<OPTION VALUE='Paris'>Paris</option>
<OPTION VALUE='Ain'>Ain</option>
<OPTION VALUE='Aisne'>Aisne</option>
<OPTION VALUE='Allier'>Allier</option>
<OPTION VALUE='Alpes-Maritimes'>Alpes-Maritimes</option>
<OPTION VALUE='Alpes-de-Hte-Pce'>Alpes-de-Haute-Provence</option>
<OPTION VALUE='Ardennes'>Ardennes</option>
<OPTION VALUE='Ardèche'>Ardèche</option>
<OPTION VALUE='Ariège'>Ariège</option>
<OPTION VALUE='Aube'>Aube</option>
<OPTION VALUE='Aude'>Aude</option>
<OPTION VALUE='Aveyron'>Aveyron</option>
<OPTION VALUE='Bas-Rhin'>Bas-Rhin</option>
<OPTION VALUE='Bas-Rhin : Strasbourg'>Bas-Rhin : Strasbourg</option>
<OPTION VALUE='Bouches-du-Rhône'>Bouches-du-Rhône</option>
<OPTION VALUE='Bouches-du-Rhône : Marseille'>Bouches-du-Rhône : Marseille</option>
<OPTION VALUE='Calvados'>Calvados</option>
<OPTION VALUE='Calvados : Caen'>Calvados : Caen</option>
<OPTION VALUE='Cantal'>Cantal</option>
<OPTION VALUE='Charente'>Charente</option>
<OPTION VALUE='Charente-Maritime'>Charente-Maritime</option>
<OPTION VALUE='Cher'>Cher</option>
<OPTION VALUE='Corrèze'>Corrèze</option>
<OPTION VALUE='Corse-du-Sud'>Corse-du-Sud</option>
<OPTION VALUE='Creuse'>Creuse</option>
<OPTION VALUE='Côte-d Or'>Côte-d Or</option>
<OPTION VALUE='Côtes-d Armor'>Côtes-d Armor</option>
<OPTION VALUE='Deux-Sèvres'>Deux-Sèvres</option>
<OPTION VALUE='Dordogne'>Dordogne</option>
<OPTION VALUE='Doubs'>Doubs</option>
<OPTION VALUE='Drôme'>Drôme</option>
<OPTION VALUE='Essonne'>Essonne</option>
<OPTION VALUE='Eure'>Eure</option>
<OPTION VALUE='Eure-et-Loir'>Eure-et-Loir</option>
<OPTION VALUE='Eure-et-Loir : Chartres'>Eure-et-Loir : Chartres</option>
<OPTION VALUE='Finistère'>Finistère</option>
<OPTION VALUE='Gard'>Gard</option>
<OPTION VALUE='Gers'>Gers</option>
<OPTION VALUE='Gironde'>Gironde</option>
<OPTION VALUE='Gironde : Bordeaux'>Gironde : Bordeaux</option>
<OPTION VALUE='Haut-Rhin'>Haut-Rhin</option>
<OPTION VALUE='Haute Corse'>Haute Corse</option>
<OPTION VALUE='Haute-Garonne'>Haute-Garonne</option>
<OPTION VALUE='Haute-Garonne : Toulouse'>Haute-Garonne : Toulouse</option>
<OPTION VALUE='Haute-Loire'>Haute-Loire</option>
<OPTION VALUE='Haute-Marne'>Haute-Marne</option>
<OPTION VALUE='Haute-Savoie'>Haute-Savoie</option>
<OPTION VALUE='Haute-Saône'>Haute-Saône</option>
<OPTION VALUE='Haute-Vienne'>Haute-Vienne</option>
<OPTION VALUE='Hautes-Alpes'>Hautes-Alpes</option>
<OPTION VALUE='Hautes-Pyrénées'>Hautes-Pyrénées</option>
<OPTION VALUE='Hauts-de-Seine'>Hauts-de-Seine</option>
<OPTION VALUE='Hérault'>Hérault</option>
<OPTION VALUE='Ille-et-Vilaine'>Ille-et-Vilaine</option>
<OPTION VALUE='Ille-et-Vilaine : Rennes'>Ille-et-Vilaine : Rennes</option>
<OPTION VALUE='Indre'>Indre</option>
<OPTION VALUE='Indre-et-Loire'>Indre-et-Loire</option>
<OPTION VALUE='Isère'>Isère</option>
<OPTION VALUE='Isère : Grenoble'>Isère : Grenoble</option>
<OPTION VALUE='Jura'>Jura</option>
<OPTION VALUE='Landes'>Landes</option>
<OPTION VALUE='Loir-et-Cher'>Loir-et-Cher</option>
<OPTION VALUE='Loire'>Loire</option>
<OPTION VALUE='Loire-Atlantique'>Loire-Atlantique</option>
<OPTION VALUE='Loire-Atlantique : Nantes'>Loire-Atlantique : Nantes</option>
<OPTION VALUE='Loiret'>Loiret</option>
<OPTION VALUE='Lot'>Lot</option>
<OPTION VALUE='Lot : Cahors'>Lot : Cahors</option>
<OPTION VALUE='Lot-et-Garonne'>Lot-et-Garonne</option>
<OPTION VALUE='Lozère'>Lozère</option>
<OPTION VALUE='Maine-et-Loire'>Maine-et-Loire</option>
<OPTION VALUE='Manche'>Manche</option>
<OPTION VALUE='Marne'>Marne</option>
<OPTION VALUE='Mayenne'>Mayenne</option>
<OPTION VALUE='Meurthe-et-Moselle'>Meurthe-et-Moselle</option>
<OPTION VALUE='Meuse'>Meuse</option>
<OPTION VALUE='Morbihan'>Morbihan</option>
<OPTION VALUE='Moselle'>Moselle</option>
<OPTION VALUE='Nièvre'>Nièvre</option>
<OPTION VALUE='Nord'>Nord</option>
<OPTION VALUE='Nord : Lille'>Nord : Lille</option>
<OPTION VALUE='Oise'>Oise</option>
<OPTION VALUE='Oise : Beauvais'>Oise : Beauvais</option>
<OPTION VALUE='Orne'>Orne</option>
<OPTION VALUE='Paris'>Paris</option>
<OPTION VALUE='Pas-de-Calais'>Pas-de-Calais</option>
<OPTION VALUE='Pas-de-Calais : Arras'>Pas-de-Calais : Arras</option>
<OPTION VALUE='Puy-de-Dôme'>Puy-de-Dôme</option>
<OPTION VALUE='Pyrénées-Atlantiques'>Pyrénées-Atlantiques</option>
<OPTION VALUE='Pyrénées-Orientales'>Pyrénées-Orientales</option>
<OPTION VALUE='Rhône'>Rhône</option>
<OPTION VALUE='Rhône : Lyon'>Rhône : Lyon</option>
<OPTION VALUE='Sarthe'>Sarthe</option>
<OPTION VALUE='Savoie'>Savoie</option>
<OPTION VALUE='Savoie : Chambery'>Savoie : Chambery</option>
<OPTION VALUE='Saône-et-Loire'>Saône-et-Loire</option>
<OPTION VALUE='Seine-Maritime'>Seine-Maritime</option>
<OPTION VALUE='Seine-Maritime : Rouen'>Seine-Maritime : Rouen</option>
<OPTION VALUE='Seine-Saint-Denis'>Seine-Saint-Denis</option>
<OPTION VALUE='Seine-et-Marne'>Seine-et-Marne</option>
<OPTION VALUE='Somme'>Somme</option>
<OPTION VALUE='Tarn'>Tarn</option>
<OPTION VALUE='Tarn-et-Garonne'>Tarn-et-Garonne</option>
<OPTION VALUE='Territoire de Belfort'>Territoire de Belfort</option>
<OPTION VALUE='Val-d Oise'>Val-d Oise</option>
<OPTION VALUE='Val-d Oise : Cergy pontoise'>Val-d Oise : Cergy pontoise</option>
<OPTION VALUE='Val-de-Marne'>Val-de-Marne</option>
<OPTION VALUE='Var'>Var</option>
<OPTION VALUE='Vaucluse'>Vaucluse</option>
<OPTION VALUE='Vendée'>Vendée</option>
<OPTION VALUE='Vienne'>Vienne</option>
<OPTION VALUE='Vosges'>Vosges</option>
<OPTION VALUE='Yonne'>Yonne</option>
<OPTION VALUE='Yvelines'>Yvelines</option>
<OPTION VALUE='Yvelines : Versailles'>Yvelines : Versailles</option>
<OPTION VALUE='Guadeloupe'>Guadeloupe</option>
<OPTION VALUE='Martinique'>Martinique</option>
<OPTION VALUE='Guyane française'>Guyane française</option>
<OPTION VALUE='Réunion'>Réunion</option>
<OPTION VALUE='Autre'>Autre</option>
</select></span>
<br />
<br />
<br />
<span id="tr_codepostal">
Ville ou commune :
<input type="hidden" name="chx_pays" ID='chx_pays' value="">
<input type="text" name="chx_cp" id="chx_cp" size="5" onBlur="verif_cp(this.value);">
<div id='verif_cp'>Entrez un code postal</div></span>

</fieldset>


donc mes 2 petites souci que je n'arrive pas à faire

1/ j'ai voulu mettre un blok none au niveau des villes et les départements mais ça n'a pas marché

j'ai mis un code comme ce style

Citation :
<span id="france" style="display: none;"><label>Région :</label>


pour qu'il enlévé le seclecte des villes et si on séléctione france j'aimerais bien qui apparait un autre select avec les région donc il choisit par exemple

france ensuite ile de france ensuite val de marne et aprés s'il veut mettre sa ville il pourras grace au code postal enfin il ne seront pas obligé ca seras falcultatif

mais j'ai voulu éssayé de mettre un code postl il ne veut pas mettre la ville automatiquement

car dans misscara si on met 75013 il met en vert PARIS 13EME ARDSMNT etc...

es ce que vous pouvez m'aidé a resoudre ces problémes

mettre un blok none et quand il mettra france il verras apparaitre tout les région et ensuite les département etc...

et le dernier chose pour le code postal

merci d'avance de votre aide

Autres pages sur : souci codes postal displays blok none

1 Avril 2008 10:25:00

Je vois pas comment il pourrait faire une correspondance entre le code postal et le nom d'un ville ou d'un chef lieu (surtout pour paris), il n'y a aucunes ville dans ton js Oo

Ou alors y'a un truc que j'ai pas compris ...
1 Avril 2008 12:47:49

re merci de m'avoir répondu

je pense que j'ai trouvé une technique plus pratique

et je pense que c'est plus pratique mai pour les codes postals je verais ça aprés avoir réuissie à faire les pays que j'ai sûrement trouvé

donc aprés je verrais pour les codes postaux

je te dirais merci

2 Avril 2008 01:52:47

re

j'ai refait un truc vite fait qui fonctionne trés bien sur fix fox mais pas sur ie 7

mais il me dit érreur dans ie 7

Citation :
Line: 58
Character: 1
Code: 0
Error Message: Cet objet ne gère pas cette action.
URL: http://le.coffre.free.fr/testepays.php


donc ce code

je suppose :

Citation :
<script type="text/javascript">

function style(id)
{
var chemin = window.document.getElementById(id).style;
return chemin;
}
function selection(liste)
{
var valeur = liste.options[liste.selectedIndex].value;

if (valeur == 'Suisse')
{
style('suisse').display = 'block';
style('belgique').display = 'none';
style('france').display = 'none';
style('alsace').display = 'none';
}

else if (valeur == 'Belgique')

{
style('belgique').display = 'block';
style('suisse').display = 'none';
style('france').display = 'none';
style('alsace').display = 'none';
}

else if (valeur == 'France')

{
style('france').display = 'block';
style('belgique').display = 'none';
style('suisse').display = 'none';
style('alsace').display = 'none';
}

else if (valeur == 'Alsace')

{
style('alsace').display = 'block';
style('belgique').display = 'none';
style('suisse').display = 'none';
style('france').display = 'none';
}

else

{
style('suisse').display = 'none';
style('france').display = 'none';
style('belgique').display = 'none';
style('alsace').display = 'none';
}
}
</script>
<label>Pays :</label>
<select name="pays" onchange="selection(this);" id="pays">
<option selected="selected">Veuillez sélectionner</option>
<option value="Allemagne">Allemagne</option>


voilà la page :

http://le.coffre.free.fr/testepays.php

et j'ai un autre souci que je ne sais pas pour quoi

si on clique france et aprés il choisit sa régions donc alsace et normalement il doit mettre un autre block mais ça n'a pas fonctionné

si tu veux voir le code vous prenez la source et tu me diras pour quoi il y as l'érreur du ie 7 avec debugbar et aussi pour quoi quand on séléctionne france là il met bien alsace et si on séléctionne alsace normalement il devrait mettre un autre block selecte avec tout les département qui sont dans alsace mais ça n'a pas marché car je n'ai pas compris comment faire 3 block affilé

merci d'avance pour ton aide
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS