attribut visible avec FF

Version imprimable

Bonjour,

voila je galère depuis un moment sur mon code. mon problème est que mon menu, quand je clique dessus, ne s'affiche pas sous firefox mais s'affiche sous IE, certainement un problème du code.

il me met l'erreur suivante sous FF : document.layers has no proerties

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!--
current="menu117";
style="";
 
if(isIE() )
	{
	boards="document.all";
	style=".style";
	}
else	
	boards="document.layers";
 
function browser()
	{
	var info=navigator.userAgent;
	return info.indexOf("MSIE");
	}
 
function isIE()
	{
	return browser()>0 ? true : false;
	return false;
	}   
 
function afficheCalque(aCalque)
	{
	cacheCalque(current);
               isIE() ?  str="visible" :   str="show";
               eval(boards + '["' + aCalque + '"]' + style + '.visibility="' + str + '"');
               current=aCalque;
	}
 
function cacheCalque(aCalque)
	{
        isIE() ?  str="hidden" :   str="hide";
		eval(boards + '["' + aCalque + '"]' + style + '.visibility="' + str + '"');
	}

Merci d'avance pour votre aide.

13/05/2008, 09h25
SpaceFrog

oulà pourquoi des evals ???
13/05/2008, 09h31
le_chomeur

au vu du code , aurais tu également la partie html , car je pense que tu te complique un peu ;-)
13/05/2008, 09h44
roots_man

j'ai repris ce site pis c'est assez la misère car il date de .... 2001

Sinon la partie html c'est ca (il y a plusieur area qui passent un paramètre différents a la méthode afficheCalque) :

Code:

<area shape="rect" coords="235,227,355,260" href="javascript:none()" onMouseOver="afficheCalque('menu117')" alt="D117" title="D117">
13/05/2008, 09h52
le_chomeur

aie aie aie ...
bon si je résume , tu souhaites faire apparaitre un menu au survol sur une image ?
va faire un petit tour sur la galerie de menu en css :

http://css.developpez.com/galerie/
tu pourras les adapter facilement :)
13/05/2008, 20h00
Auteur
bonjour,

document.layers est un objet..... Netscape :D
Netscape utilisait des balises <layer> au lieu des balises <div>.

Maintenant au lieu d'utiliser document.all (qui ne fonctionne que sous IE), utilise la fonction document.getElementById() :
Code:

1 2 document.getElementById("idDuCalque");
qui est compatible avec tous les navigateurs ;)