positionner menu dynamique

**LAETIAZ** · 03/06/2009, 11h55

Bonjour à tous, j'ai un petit problème avec un menu dynamique. En effet, quand je passe ma souris sous quelconques titres du menu cela me met le sous menu toujours à gauche et non en bas de chaque est-ce que quelqu'un serait pourquoi? Merci d'avance pour l'aide que vous m'apporterez

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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
 
 
// JavaScript Document
bgcolor='#000000';
bgcolor2='#B6B6B6';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3;}')
//document.write('#topgauche { position:absolute;}')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
 
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[5] = new Array;
zlien[6] = new Array;
zlien[0][0] = '<A HREF="index.php" CLASS=ejsmenu>Connexion</A>';
zlien[0][1] = '<A HREF="" CLASS=ejsmenu>Deconnexion</A>';
zlien[1][0] = '<A HREF="" CLASS=ejsmenu>Historique</A>';
zlien[1][1] = '<A HREF="" CLASS=ejsmenu>Réunions</A>';
zlien[1][2] = '<A HREF="" CLASS=ejsmenu>Expositions</A>';
zlien[2][0] = '<A HREF="" CLASS=ejsmenu>Membres</A>';
zlien[2][1] = '<A HREF="" CLASS=ejsmenu>Contacter les membres</A>';
zlien[3][0] = '<A HREF="" CLASS=ejsmenu>Consulter</A>';
zlien[3][1] = '<A HREF="" CLASS=ejsmenu>Ajouter</A>';
zlien[3][2] = '<A HREF="" CLASS=ejsmenu>Supprimer</A>';
zlien[4][0] = '<A HREF="" CLASS=ejsmenu>Consulter</A>';
zlien[4][1] = '<A HREF="" CLASS=ejsmenu>Ajouter</A>';
zlien[4][2] = '<A HREF="" CLASS=ejsmenu>Supprimer</A>';
zlien[5][0] = '<A HREF="" CLASS=ejsmenu>Ventes</A>';
zlien[5][1] = '<A HREF="" CLASS=ejsmenu>Achats</A>';
zlien[5][2] = '<A HREF="" CLASS=ejsmenu>Echanges</A>';
zlien[5][3] = '<A HREF="" CLASS=ejsmenu>Dons</A>';
zlien[6][0] = '<A HREF="" CLASS=ejsmenu>Comment adhérer?</A>';
zlien[6][1] = '<A HREF="" CLASS=ejsmenu>Bulletin d\'adhésion</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=\"Comic Sans MS\">&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.onmouseout = kill;
 
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=730><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="Comic Sans MS">Identification</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="Comic Sans MS">Présentation</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="Comic Sans MS">Bureau</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="Comic Sans MS">Sujet du Mois</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="Comic Sans MS">Nouveautés</FONT></a></TD>')
 
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS">Annonces</FONT></a></TD>')
 
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[6],600)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Comic Sans MS">Adhésion</FONT></a></TD>')
 
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

**RomainVALERI** · 03/06/2009, 12h15

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true;
skn.left = pos;
// ... (suite)

>>> attention, l'oubli du ";" doit probablement empêcher l'interprétation correcte de cette ligne et de la suivante.

A part ça : ce code fait quand même un peu peur (document.write à toutes les sauces + utilisation d'innerHTML =

) (soit dit en toute courtoisie bien sûr, je ne sais pas d'où vient ton code, il date peut-être beaucoup, et tu n'en es peut-être même pas l'auteur... ^^)

**LAETIAZ** · 03/06/2009, 12h36

J'avoue que ce n'est pas mon code mais ce menu me convient tout à fait. Ce n'est pas le point virgule qui empêche le positionnement en dessous. Merci.

**RomainVALERI** · 03/06/2009, 14h19

Cherche peut-être la réponse à la source du problème :

>>> d'où vient ce code ?
>>> qui l'a produit ?
>>> y a-t-il une communauté d'utilisateurs ? une doc des auteurs ?

**LAETIAZ** · 03/06/2009, 20h46

Il y a un genre de discussion autour de ce menu mais rien qui correspond à mes attentes en faite. C'est pour cela que je me suis permise de demander de l'aide sur ce point.

positionner menu dynamique

JavaScript

Discussions similaires

Partager

Partager