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...

[FremyCompany]

Regarde la console des erreurs...

[avogadro]

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

[DavidDeTroyes]

pourquoi tu fait pas un :

Code :

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

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...

[avogadro]

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 !

[DavidDeTroyes]

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

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