Cartographie par triple liste deroulante.

Soyez le premier à donner votre avis sur cette source.

Vue 11 169 fois - Téléchargée 1 784 fois

Description

Un script que j'ai trouvé ici, et je l'ai un peu modifier.
Il peu etre utile dans le cas de selection progressive jusqu'a la ville rechercher.
Et le systeme des images qui apparaissent sont fait grace a l'aimable et importante aide de:
Vincent Demay http://www.demay-fr.net
et de bultez , qui ma permit de voir des oublis.
Un grand merci à eux, pour cela.
frv

Codes Sources

A voir également

Ajouter un commentaire Commentaires
Eurolines Messages postés 5 Date d'inscription jeudi 19 janvier 2006 Statut Membre Dernière intervention 2 février 2006
31 janv. 2006 à 18:17
Merci Max ,mais j'ai tout cassé ...

<html>

<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var menu=new CreerMenu(3,"Departement"," region "," ville ","titre 4","self");

menu.Add(1,"alsace","");
menu.Add(2,"haut rhin","");
menu.Add(3,"colmar","colmar.html");
menu.Add(2,"bas rhin","");
menu.Add(3,"strasbourg","strasbourg.html");
menu.Add(1,"aquitaine","");
menu.Add(2,"dordogne","");
menu.Add(3,"perigueux","perigueux.html");
menu.Add(2,"gironde","");
menu.Add(3,"bordeaux","bordeaux.html");
menu.Add(2,"lot-et-garonne","");
menu.Add(3,"agen","agen.html");
menu.Add(2,"landes","");
menu.Add(3,"pau","pau.html");
menu.Add(1,"auvergne","");
menu.Add(2,"allier","");
menu.Add(3,"moulins","moulins.html");
menu.Add(2,"puy-de-dôme","");
menu.Add(3,"clermont ferrand","clermont-ferrand.html");
menu.Add(2,"haut loire","");
menu.Add(3,"le puy-en-velay","le-puy-en-velay.html");
menu.Add(2,"cantal","");
menu.Add(3,"aurillac","aurillac.html");
menu.Add(1,"basse normandie","");
menu.Add(2,"manche","");
menu.Add(3,"saint-lo","saint-lo.html");
menu.Add(2,"calvados","");
menu.Add(3,"caen","caen.html");
menu.Add(2,"orne","");
menu.Add(3,"alençon","alencon.html");
menu.Add(1,"bourgogne","");
menu.Add(2,"yonne","");
menu.Add(3,"auxerre","auxerre.html");
menu.Add(2,"nievre","");
menu.Add(3,"nevers","nevers.html");
menu.Add(2,"soane-et-loire","");
menu.Add(3,"macon","macon.html");
menu.Add(2,"cote d'or","");
menu.Add(3,"dijon","dijon.html");
menu.Add(1,"bretagne","");
menu.Add(2,"finistere","");
menu.Add(3,"quinper","quinper.html");
menu.Add(2,"cotes-d'armor","");
menu.Add(3,"st-brieuc","st-brieuc.html");
menu.Add(2,"morbihan","");
menu.Add(3,"vannes","vannes.html");
menu.Add(2,"ille-et-vilaine","");
menu.Add(3,"rennes","rennes.html");
menu.Add(1,"centre","");
menu.Add(2,"eure-et-loir","");
menu.Add(3,"chatres","chatres.html");
menu.Add(2,"loiret","");
menu.Add(3,"orleans","orleans.html");
menu.Add(2,"loir-et-cher","");
menu.Add(3,"blois","blois.html");
menu.Add(2,"indre-et-loire","");
menu.Add(3,"tours","tours.html");
menu.Add(2,"indre","");
menu.Add(3,"chateauroux","chateauroux.html");
menu.Add(2,"cher","");
menu.Add(3,"bourges","bourges.html");
menu.Add(1,"champagne ardennes","");
menu.Add(2,"ardennes","");
menu.Add(3,"charleville-mezieres","charleville-mezieres.html");
menu.Add(2,"marne","");
menu.Add(3,"chalons en champagne","chalons en champagne.html");
menu.Add(2,"aube","");
menu.Add(3,"troyes","troyes.html");
menu.Add(2,"haute-marne","");
menu.Add(3,"chaumont","chaumont.html");
menu.Add(1,"corse","");
menu.Add(2,"haute corse","");
menu.Add(3,"bastia","bastia.html");
menu.Add(2,"corse du sud","");
menu.Add(3,"sartene","sartene.html");
menu.Add(3,"ajaccio","ajaccio.html");
menu.Add(1,"franche-comte","");
menu.Add(2,"territoire-de-belefort","");
menu.Add(3,"belfort","belfort.html");
menu.Add(2,"haute-saone","");
menu.Add(3,"vesoul","vesoul.html");
menu.Add(2,"doubs","");
menu.Add(3,"besançon","besancon.html");
menu.Add(2,"jura","");
menu.Add(3,"lons-le-saunier","lons-le-saunier.html");
menu.Add(1,"haute normandie","");
menu.Add(2,"seine-maritime","");
menu.Add(3,"rouen","rouen.html");
menu.Add(2,"eure","");
menu.Add(3,"evreux","evreux.html");
menu.Add(1,"ile de france","");
menu.Add(2,"val d'oise","");
menu.Add(2,"yvelines","");
menu.Add(2,"essone","");
menu.Add(3,"ville essone","nc.html");
menu.Add(2,"seine et marne","");
menu.Add(3,"ville marne","nc.html");
menu.Add(2,"paris","");
menu.Add(3,"ville paris","nc.html");
menu.Add(2,"seine saint denis","");
menu.Add(3,"villedenis","nc.html");
menu.Add(2,"haut de seine","");
menu.Add(3,"ville hseine","nc.html");
menu.Add(2,"val de marne","");
menu.Add(3,"ville valmarne","nc.html");
menu.Add(1,"languedoc","");
menu.Add(2,"lozere","");
menu.Add(3,"mende","mende.html");
menu.Add(2,"gard","");
menu.Add(3,"nîmes","nimes.html");
menu.Add(2,"herault","");
menu.Add(3,"montpellier","montpellier.html");
menu.Add(2,"aude","");
menu.Add(3,"carcassonne","carcassonne.html");
menu.Add(2,"pyrenees orientales","");
menu.Add(3,"perpignan","perpignan.html");
menu.Add(1,"limousin","");
menu.Add(2,"creuse","");
menu.Add(3,"gueret","gueret.html");
menu.Add(2,"haute vienne","");
menu.Add(3,"limoges","limoges.html");
menu.Add(2,"correze","");
menu.Add(3,"tulle","tulle.html");
menu.Add(1,"lorraine","");
menu.Add(2,"meuse","");
menu.Add(3,"bar-le-duc","bar-le-duc.html");
menu.Add(2,"moselle","");
menu.Add(3,"metz","metz.html");
menu.Add(2,"meurthe-et-moselle","");
menu.Add(3,"nancy","nancy.html");
menu.Add(2,"vosges","");
menu.Add(3,"épinal","epinal.html");
menu.Add(1,"midi-pyrennees","");
menu.Add(2,"lot","");
menu.Add(3,"cahors","cahors.html");
menu.Add(2,"aveyron","");
menu.Add(3,"rodez","rodez.html");
menu.Add(2,"tarn-et-garonne","");
menu.Add(3,"montauban","montauban.html");
menu.Add(2,"tarn","");
menu.Add(3,"albi","albi.html");
menu.Add(2,"gers","");
menu.Add(3,"auch","auch.html");
menu.Add(2,"haute-garonne","");
menu.Add(3,"toulouse","toulouse.html");
menu.Add(2,"hautes-pyrenees","");
menu.Add(3,"tarbe","tarbe.html");
menu.Add(2,"ariege","");
menu.Add(3,"foix","foix.html");
menu.Add(1,"nord pas de calais","");
menu.Add(2,"pas-de-calais","");
menu.Add(3,"arras","arras.html");
menu.Add(2,"nord","");
menu.Add(3,"lille","lille.html");
menu.Add(1,"provence alpes cote d_azure","");
menu.Add(2,"hautes alpes","");
menu.Add(3,"gap","gap.html");
menu.Add(2,"alpes de haute provence","");
menu.Add(3,"digne-les-bains","digne-les-bains.html");
menu.Add(2,"alpes maritimes","");
menu.Add(3,"nice","nice.html");
menu.Add(2,"vaucluse","");
menu.Add(3,"avignon","avignon.html");
menu.Add(2,"var","");
menu.Add(3,"toulon","toulon.html");
menu.Add(3,"st-tropez","st-tropez.html");
menu.Add(2,"bouches--du-rhone","");
menu.Add(3,"marseille","marseille.html");
menu.Add(1,"pays-de-la-loire","");
menu.Add(2,"mayenne","");
menu.Add(3,"laval","laval.html");
menu.Add(2,"sarthe","");
menu.Add(3,"le mans","le mans.html");
menu.Add(2,"loire-atlantique","");
menu.Add(3,"nante","nante.html");
menu.Add(2,"maine-et-loire","");
menu.Add(3,"angers","angers.html");
menu.Add(2,"vendee","");
menu.Add(3,"la roche sur yon","la-roche-sur-yon.html");
menu.Add(1,"picardie","");
menu.Add(2,"somme","");
menu.Add(3,"amiens","amiens.html");
menu.Add(2,"aisne","");
menu.Add(3,"laon","laon.html");
menu.Add(2,"oise","");
menu.Add(3,"beauvais","beauvais.html");
menu.Add(1,"poitou charente","");
menu.Add(2,"deux-sevres","");
menu.Add(3,"niort","niort.html");
menu.Add(2,"vienne","");
menu.Add(3,"poitier","poitier.html");
menu.Add(2,"charente-maritime","");
menu.Add(2,"charente","");
menu.Add(3,"angouleme","angouleme.html");
menu.Add(1,"rhone-alpes","");
menu.Add(2,"haute-savoie","");
menu.Add(3,"annecy","annecy.html");
menu.Add(2,"ain","");
menu.Add(3,"bourg-en-bresse","bourg-en-bresse.html");
menu.Add(2,"savoie","");
menu.Add(3,"chambery","chambery.html");
menu.Add(2,"rhone","");
menu.Add(3,"lyon","lyon.html");
menu.Add(2,"loire","");
menu.Add(3,"saint-etienne","saint-etienne.html");
menu.Add(2,"isere","");
menu.Add(3,"grenoble","grenoble.html");
menu.Add(2,"drome","");
menu.Add(3,"valence","valence.html");
menu.Add(2,"ardeche","");
menu.Add(3,"privas","privas.html");

function CreerMenu(profondeur,titre1,titre2,titre3,titre4,target) {
this.nb=0;this.prof=profondeur;
this.titre1=titre1; this.titre2=titre2; this.titre3=titre3; this.titre4=titre4; this.target=target
this.Add=AddObjet;
this.Aff=AffMenu;
}
function AddObjet(deep,txt,page) {
var rub = new Object;
rub.deep=deep;
rub.txt=txt;
rub.page=page;
this[this.nb]=rub;
this.nb++;
}
function AffMenu() {
var Z="<FORM name='mf'>";
Z+="<SELECT size=1 name='list1' onChange='Clic(1)'><OPTION selected>"+this.titre1+"</OPTION>";
for (var i=0;i<this.nb;i++) {
if (this[i].deep==1) {
Z+="<OPTION value='"+i+"'>"+this[i].txt+"</OPTION>"
}
}
Z+="</SELECT>";
for (var i=2;i<=menu.prof;i++) {
Z+="<SELECT name='list"+i+"' onChange='Clic("+i+")'><OPTION>"+eval("menu.titre"+i)+"</OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION><OPTION></OPTION></SELECT>";
}
Z+="</FORM>";
document.write(Z);
}
function add() {
var c=new Option("ADD","",true,true);
document.forms[0].elements["list"].options[0]=c;
}
function Clic(no) {
var valeur=document.forms["mf"].elements["list"+no].options[ document.forms["mf"].elements["list"+no].selectedIndex].value;
document.getElementById('monIframe').src='./regions/'+numRegion+'.htm'
if ((valeur!="")&&(valeur!=null)&&(no<menu.prof))
{
var deep=menu[valeur].deep;
var no2=1;
for (var noX=(no+1);noX<=menu.prof;noX++)
{
document.forms["mf"].elements["list"+eval(noX)].options.length=0;
var titre=eval("menu.titre"+noX);
var c=new Option(titre);
document.forms["mf"].elements["list"+(noX)].options[0]=c;
document.forms["mf"].elements["list"+(noX)].selectedIndex=0;
}
valeur++;
for (var i=valeur;i<menu.nb;i++)
{
if (menu[i].deep==deep+1)
{
var c=new Option(menu[i].txt,i);
document.forms["mf"].elements["list"+(no+1)].options[no2]=c;
no2++;
}
else
{
if (menu[i].deep==deep)
{
i=menu.nb;
}
}
}
document.forms["mf"].elements["list"+(no+1)].options.length=no2+1;
document.forms["mf"].elements["list"+(no+1)].selectedIndex=0;
Clic(no+1)
valeur--;
}
if ((valeur!="")&&(valeur!=null)) {
var page=menu[valeur].page;
if ((page!="")&&(page!=null)) {
if (menu.target=="self") {window.location=page}
else if (menu.target=="_blank") {window.open(page,"","menubar,scrollbars,toolbar,status,location")}
else {parent.frames[menu.target].location.href=page;}
}
}
}
</SCRIPT>

</HEAD>










<SCRIPT language="JavaScript">
menu.Aff();
</SCRIPT>



<script>
function change_site() {
var site = document.menu.popup.selectedIndex;
{
window.location.href =
document.menu.popup.options[site].value;
}
}
</script>

</HTML>

Qui peut m'aider svp ???
cs_MaX3315 Messages postés 170 Date d'inscription mercredi 18 juin 2003 Statut Membre Dernière intervention 11 mai 2009
31 janv. 2006 à 17:12
>Eurolines : suffit que tu mettes en place une iframe et que tu lui change sa 'location' via javascript.

HTML:


Javascript:
document.getElementById('monIframe').src='./regions/'+numRegion+'.htm';

Un truc du style.
Eurolines Messages postés 5 Date d'inscription jeudi 19 janvier 2006 Statut Membre Dernière intervention 2 février 2006
31 janv. 2006 à 16:53
bonjour a tous ,
Ce script est tres interressant . Aussi ,je me demandais s'il serait possible d'ouvrir des fichiers html a la palce des images ????
cs_MaX3315 Messages postés 170 Date d'inscription mercredi 18 juin 2003 Statut Membre Dernière intervention 11 mai 2009
24 janv. 2006 à 09:56
Bonjour,

Script sympa. Pour ma part c'est surtot les images qui m'intéresse? Sont-elles libres? Qu'elle est leur sources?

Merci en tout cas.
NB: je suis entrain de faire un truc similaire mais avec toutes les communes françaises...
MSJVDMGJLKGJ Messages postés 2 Date d'inscription lundi 26 septembre 2005 Statut Membre Dernière intervention 19 février 2007
23 janv. 2006 à 11:23
sALUT
NE MARCHE PAS !!
J'aimerai avoir les départements égalements , est-ce possible ?

Bye

JS
Afficher les 7 commentaires

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.