Menu déroulant bloqué par flash

Eléphanteau du PHP | 32 Messages

28 sept. 2006, 22:38

Bonjour,

J'ai un menu déroulant qui butte sur une animation flash.

Voir ici => http://www.imagetheque.com/menu/index.html

Pourriez-vous m'aider à contourner ce problème ?

Merci.

Voici le code du menu au cas où mais c'est un menu connu

Code : Tout sélectionner

bgcolor='#cccccc'; bgcolor2='#7B7B7B'; document.write('<style type="text/css">'); document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }') document.write('#topgauche { position:absolute; z-index:10; }') document.write('A:hover.ejsmenu {color:#000000; text-decoration:none;}') document.write('A.ejsmenu {color:#000000; text-decoration:none;}') document.write('</style>') document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>'); /* SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT http://www.editeurjavascript.com */ /* LIENS */ zlien = new Array; zlien[0] = new Array; zlien[1] = new Array; zlien[2] = new Array; zlien[3] = new Array; zlien[4] = new Array; zlien[0][0] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/catalogue_fra/femme_shopping-par-produit/accessoires.html" CLASS=ejsmenu>Accessoires</A>'; zlien[0][1] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/catalogue_fra/femme_shopping-par-produit/chemisiers-tuniques.html" CLASS=ejsmenu>Chemisiers</A>'; zlien[0][2] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/catalogue_fra/femme_shopping-par-produit/chemisiers-tuniques.html" CLASS=ejsmenu>Tuniques</A>'; zlien[1][0] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/pageDescenteProduit/homme_mode_21100/page_opcom_ropcm/index.html" CLASS=ejsmenu>Polos</A>'; zlien[1][1] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/pageDescenteProduit/homme_mode_21200/page_opcom_ropcm/index.html" CLASS=ejsmenu>Chemises</A>'; zlien[1][2] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/pageDescenteProduit/homme_mode_21300/page_opcom_ropcm/index.html" CLASS=ejsmenu>Pulls</A>'; zlien[2][0] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/catalogue_fra/enfant_bebe.html" CLASS=ejsmenu>Bébé</A>'; zlien[2][1] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/catalogue_fra/enfant_maternelle/filles.html" CLASS=ejsmenu>fille</A>'; zlien[2][2] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/catalogue_fra/enfant_maternelle/garcons.html" CLASS=ejsmenu>Garçon</A>'; zlien[4][0] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/produit_fra/linge-de-maison_draps.html" CLASS=ejsmenu>Draps</A>'; zlien[3][0] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/produit_fra/linge-de-maison_couvre-lit.html" CLASS=ejsmenu>Couvre-lit</A>'; zlien[3][1] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/produit_fra/linge-de-maison_eponge.html" CLASS=ejsmenu>Eponge</A>'; zlien[4][1] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/catalogue_fra/micro-telephonie_ordinateurs.html" CLASS=ejsmenu>Ecran</A>'; zlien[4][2] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/catalogue_fra/micro-telephonie_pda.html" CLASS=ejsmenu>PDA</A>'; zlien[4][3] = '<A HREF="http://www.3suisses.fr/FrontOfficePortail/catalogue_fra/image-son_photo-optique.html" CLASS=ejsmenu>Photo</A>'; var nava = (document.layers); var dom = (document.getElementById); var iex = (document.all); if (nava) { skn = document.topdeck } else if (dom) { skn = document.getElementById("topdeck").style } else if (iex) { skn = topdeck.style } skn.top = 24; function pop(msg,pos) { skn.visibility = "hidden"; a=true skn.left = pos; var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>"; pass = 0 while (pass < msg.length) { content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">&nbsp;&nbsp;"+msg[pass]+"</FONT></TD></TR>"; pass++; } content += "</TABLE></TD></TR></TABLE>"; if (nava) { skn.document.write(content); skn.document.close(); skn.visibility = "visible"; } else if (dom) { document.getElementById("topdeck").innerHTML = content; skn.visibility = "visible"; } else if (iex) { document.all("topdeck").innerHTML = content; skn.visibility = "visible"; } } function kill() { skn.visibility = "hidden"; } document.onclick = kill; document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=500><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>') document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Femme</FONT></a></TD>') document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Homme</FONT></a></TD>') document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Enfant</FONT></a></TD>') document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Maison</FONT></a></TD>') document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">High tech</FONT></a></TD>') document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

Mammouth du PHP | 684 Messages

17 nov. 2006, 16:15

Salut.
J'ai pas lu le code mais pour faire passer le menu déroulant au dessus d'un flash, il existe plusieurs methodes.

Sous IE + FF sous windows c'est du position absolute qu'il faut utiliser.
Sous FF sous Linux, faut utiliser du fixed.
Sous Safari, je crois que l'absolute est suffisant aussi.
Zigz4g