Image mapping : probleme entre IE et FF

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 ! :lol:

HTML:

Code:

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:

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:

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:

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 :D

Merci...

Regarde la console des erreurs...

hehe, pas d'erreurs ^^ c'est bien là le probleme !

pourquoi tu fait pas un :

Code:

1
2
3
4
5
6
7
8
9
10
<SELECT ONCHANGE="window.location = 'mapage.asp?region=' + this.value">
<OPTION VALUE="Champagne">Champagne</OPTION>
<OPTION VALUE="Bourgogne">Bourgogne</OPTION>
<OPTION VALUE="Bretagne">BretagneOPTION>
<OPTION VALUE="Paris">Paris</OPTION>
</SELECT>
 
<SELECT>
ton code comme il faut
</SELECT>

mais j'ai peut etre pas bien compris ton problème... :aie:

deja j'utilise pas d'asp ( mapage.asp ^^ ) , puis le probleme c'est pas ça, sur l'image qui s'affiche en fonction du choix dans la listbox, il y a des zones cliquables qui doivents se mettre en place (shape), c'est ici qu'est le probleme !

ça n'a rien a voir avec un passage de paramètre dans l'url ! :)

Y'as pas d'ASP dans mon code, c'est du JVS !

Mais bon desolé, j'avais pas compris ton problème... :aie: