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:
JS:
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>
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; } }si vous avez besoin d'autres précisions faite le moin savoir
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;">';
Merci...
Partager