Discussion :

[avogadro]

Bonjour,

le principe est simple, j'ai un select option, je choisi ma région dedans, l'image s'affiche avec le mapping correspondant, le probleme est que ici ça marche sous IE mais pas FF !

HTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
<select id="map_name" name="param_region" onchange="select_change(this);">
<option value="none">Regions Administratives</option>
<option value="ALSACE">Alsace</option>
<option value="AQUITAINE">Aquitaine</option>
...
<option value="POITOU_CHARENTES">Poitou-Charentes</option>
<option value="PROVENCE_ALPES_COTE_DAZUR">Provence-Alpes-Côte d'Azur</option>
<option value="RHONE_ALPES">Rhône-Alpes</option>
<option value="MARTINIQUE">Martinique</option>
<option value="GUADELOUPE">Guadeloupe</option>
</select>

JS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function select_change(object)
{
	document.getElementById("map").scrollLeft = "0";
	document.getElementById("map").scrollTop = "0";
	document.getElementById("carte").src = '../imgs/regions/' + object.value + '.jpg';
	map_change(object.value);
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function map_change(name)
{
	switch(name)
	{
		case "ALSACE":
			document.getElementById('map_zone').innerHTML = ALSACE_map;
			break;
 
		case "BOURGOGNE":
			document.getElementById('map_zone').innerHTML = BOURGOGNE_map;
			break;
...
		default:
			document.getElementById('map_zone').innerHTML = par_defaut;	
	}
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var BOURGOGNE_map =
'<map name="Region" border="0">' +
	'<area shape="rect" coords="477,521,497,536" href="../html/robot.htm?louhans">' +
'</map>' +
'<br/>Ville : <select id="town_name">' +
					'<option value="louhans">Louhans</option>' +
					'<input type="button" value="Valider" onClick="var la_ville = getElementById(\'town_name\').options.selectedIndex;'+
'location.href=\'./robot.htm?\'+ document.getElementById(\'town_name\').options[la_ville].value;">';

si vous avez besoin d'autres précisions faite le moin savoir

Merci...