Pb javascript pour un menu (Map)

Marsh Posté le 12-10-2005 à 09:40:19

Bonjour à tous :hello:

Je suis en train de faire un site et je fais un menu pour mon index mais j'ai un problème

tout d'abord regardez sur la page : http://cslocmine.free.fr/new/

j'ai mes 3 picto qui font affiché des menus

voila ce que j'ai fait :

Code :

<img src="images/index_10.jpg" alt="" width="76" height="71" border="0" onMouseOver="change_img('menu', 'document', 'images/index_17.jpg','images/index_17_1.jpg', '#menuMap1');">

ce qui appel ma fonction javascipt

Code :

function change_img(name, nsdoc, url_avant, url_apres, map){
//on passe l'image inde_17.jpg à index_17_1.jpg
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = url_avant;
img.src = url_apres;
img.usemap = map;
}
}

la Map

Code :

<map name="menuMap1">
<area shape="rect" coords="12,25,279,52" href="pompiers.php">
<area shape="rect" coords="12,56,309,79" href="vehicules.php">
<area shape="rect" coords="12,86,363,108" href="interventions_manoeuvres.php">
<area shape="rect" coords="13,114,340,137" href="gestes.php">
<area shape="rect" coords="15,144,318,163" href="interventions_semaine.php">
</map>

Bilan:

http://cslocmine.free.fr/new/
l'image change bien comme vous pouvez le voir, mais la map pour que les éléments soit cliquable ne fonctione pas

de plus comment faire en sorte que le menu disparaisse que quand on quitte le menu et non le pictogramme

merci :hello:

---------------
merci http://forum.hardware.fr !!

Reply

Marsh Posté le 12-10-2005 à 09:40:19

Reply

Marsh Posté le 12-10-2005 à 10:53:25

Je vais dire une conerie mais :
Pourquoi le code de ta page n'est pas le même que celui que tu postes sur le forum?
Ca risque pas de marcher en ligne si la page n'a pas le code complet.

Ce que tu nous indique ici :

Code :

function change_img(name, nsdoc, url_avant, url_apres, map){
//on passe l'image inde_17.jpg à index_17_1.jpg
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = url_avant;
img.src = url_apres;
img.usemap = map;
}
}

Ce qu'est sur le net :

Code :

function change_img(name, nsdoc, url_avant, url_apres){
//on passe l'image inde_17.jpg à index_17_1.jpg
var img = eval((navigator.appName.indexOf('Netscape', 0) != -1) ? nsdoc+'.'+name : 'document.all.'+name);
if (name == '')
return;
if (img) {
img.altsrc = url_avant;
img.src = url_apres;
}
}

Message édité par omega2 le 12-10-2005 à 10:59:34

Reply

Marsh Posté le 12-10-2005 à 13:33:26

ce que tu cherches à faire est débile et sans interêt, qui plus est innacessible.

il faut juste exporter ton rectange transparent.

et les liens ca sera du texte, et seront mis les un sous les autres

Message cité 1 fois

---------------
Les CSS c'est bon mangez-en

Reply

Marsh Posté le 12-10-2005 à 15:22:30

gatsusat a écrit :

ce que tu cherches à faire est débile et sans interêt, qui plus est innacessible.

il faut juste exporter ton rectange transparent.

et les liens ca sera du texte, et seront mis les un sous les autres

oui c'est vrai que c'est plus simple, je me suis embarqué dans un truc et j'ai même pas pensé au plus simple :pfff:

merci gatsusat

---------------
merci http://forum.hardware.fr !!

Reply

Marsh Posté le 13-10-2005 à 09:37:23

Voila j'ai modifié : http://cslocmine.free.fr/new/

par contre comment rajouter les liens texte ?

faut faire une div ?

Citation :

de plus comment faire en sorte que le menu disparaisse que quand on quitte le menu et non le pictogramme

et sinon personne n'a répondu à cette question, comment je peux faire ?

merci :hello:

---------------
merci http://forum.hardware.fr !!

Reply

Marsh Posté le 14-10-2005 à 10:32:01

J'ai essayé en mettant dans une div :

Code :

<div id="menu"></div>

et j'ai fait une fonction affiche_menu qui remplit la div

Code :

function affiche_menu(num){
var msg = new Array();
msg[0] = "<td colspan='7' rowspan='4' background='images/index_17.jpg'></td>";
msg[1] = "<td colspan='7' rowspan='4' background='images/index_17_1.jpg'></td>";
msg[2] = "<td colspan='7' rowspan='4' background='images/index_17_2.jpg'></td>";
msg[3] = "<td colspan='7' rowspan='4' background='images/index_17_3.jpg'></td>";
document.getElementById("menu" ).innerHTML = msg[num];
}

dans le body j'ai mis un OnLoad qui appel cette fonction affiche_menu(0)

puis quand on passe sur un des 3 pictos on l'appel avec le num 1, 2 ou 3

Mais ça fonctionne pas

Edit : la page -> http://cslocmine.free.fr/new/

Message édité par seb306bzh le 14-10-2005 à 10:32:56

---------------
merci http://forum.hardware.fr !!

Reply

Pb javascript pour un menu (Map)

Sujets relatifs:

Leave a Replay