Pb javascript pour un menu (Map)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Pb javascript pour un menu (Map)

seb306bzh

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

Publicité

omega2

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

gatsusat

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

seb306bzh

gatsusat a écrit :

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

seb306bzh

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

seb306bzh

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

FORUM HardWare.fr

Programmation

HTML/CSS

Pb javascript pour un menu (Map)

Sujets relatifs
Javascript et PHP	Fermeture PDF avec Javascript
menu déroulant qui déroule bien	[css][resolu] centrer un menu.
j'ai besoin d'une alerte simple en javascript	Menu : décallage IE et FireFox
menu deroulant avec div et css	Menu Roll over
Javascript dans XSL	Redimensionnement, CSS & JavaScript ;)
Plus de sujets relatifs à : Pb javascript pour un menu (Map)

Page générée en 0.057 secondes