Menu déroulant par dessus tableau

**M1000** · 21/12/2005, 13h58

Bonjour,

Alors voila mon problème j'ai un java script qui me fais un menu déroulant tout bête horizontalement avec lors du passage de la souris sur la rubrique principale un menu desous.

Le problème est que lorsque j'intègre ce javascript dans un autre tableau qui est lui dans un autre tableau rien ne se passe au survol?

Comment faire?

Merci de votre aide

**siddh** · 21/12/2005, 14h03

montre un bout de code stp

**M1000** · 21/12/2005, 14h07

le javascript:

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 
bgcolor='#000000';
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
*/
 
/*
LIENS
*/
zlien = new Array;
zlien[0] = new Array;
zlien[0][0] = '<A HREF="test1.htm" CLASS=ejsmenu>test1</A>';
zlien[0][1] = '<A HREF="test2.htm" CLASS=ejsmenu>test2</A>';
zlien[0][2] = '<A HREF="test3.htm" CLASS=ejsmenu>test3</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=108><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=108><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">TEST</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

et ce javascript est intégré dans un tableau de tableau et dans une cellule de ce dernier tableau...

en espérant que ca vous suffira...

**siddh** · 21/12/2005, 14h45

tu as des topdeck et topgauche, est ce normal ?

ca devrais pas etre partout pareil ?

**M1000** · 21/12/2005, 14h50

le truc c que si je met des topdeck partout mon menu fais ca au passage de la souris:

suppression du TEST puis test1, test2 et test3 passe par dessus et reste figé

hors je voudais que uniquement au passage de la souris TEST se déroule avec Test2, 2 et 3 bien en dessous et quand on ne survole plus le menu reste avec seulement TEST.

**siddh** · 21/12/2005, 14h57

ben met pas test dans topdeck

tu doit pouvoir te trouver des scripts qui sont plus facilement parametrables pour quelqu un qui connais pas trop le javascript car la tu vas galérer si tu veux le modifier.
C'est rempli de document.write et de style inline, je trouve le code assez crade en fait