|
|
|
 |
| > prob javascript a inserer dans un tableau html |
[ Posté par dnllfriart ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 14-01-2004 à 09:20 | 10 messages ]
j'ai recuperé un script sur ce site, c'est un menu que je veux placer en dessous d'une image. le probleme c'est qu'il ne se place pas dans le tableau mais il faut le regler par rapport a des position dans le scripti postX et postY! comment faire pour ne pas avoir a indiquer de taille et le placer tous simplement dans une ligne de mon tableau!
merci d'avance
[ Ce Message a été édité par: dnllfriart le 2004-01-14 12:31 ]
|
[ Posté par GhislainLavoie ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 14-01-2004 à 20:18 | 3179 messages ]
Salut,
C'est quel menu? Donne le lien du menu ou donne ton code et je regarderai ce que je peux faire.
A+, Ghislain
________________
La clarté est synonyme de bon service...
Soyez explicites avec vos demandes!!!
| [ Posté par dnllfriart ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 14-01-2004 à 21:56 | 10 messages ]
je suis revenu finalement au tableau, j'ai reussi a le mettre dans le tableau le porbleme c'est qu'il ouvre le menu a l'envers c'est a dire au lieu de faire descendre le sous menu il s'etend vers le haut:
voila le code :
TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 height="100%">
<TR>
<TD WIDTH=541 HEIGHT=100%> <table width="100%" border="0">
<tr>
<td align="left" valign="top">
<script language="JavaScript" type="text/JavaScript">
posYmenu = 0;
posXmenu = 0;
bgcolor='#FFFFFF';
bgcolor2='#7B7B7B';
needcenter =false;
/*if(!needcenter)
else
{ if (document.all)
posXmenu = (document.body.clientWidth/2)-(400/2);
else
posXmenu = (window.innerWidth/2)-(400/2);
}*/
document.write('<style type="text/css">');
document.write('.popper {position:relative;VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche {z-index:10; }')
document.write('A:hover.ejsmenu {text-decoration:none;}')
document.write('A.ejsmenu {text-decoration:none;}')
document.write('</style>')
document.write('<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[0][0] = '<A HREF="" CLASS=ejsmenu ><IMG SRC="images/r2.gif" WIDTH=20 HEIGHT=29 ALT="">premier</A>';
zlien[0][1] = '<A HREF="" CLASS=ejsmenu >deuxieme</A>';
zlien[0][2] = '<A HREF="" CLASS=ejsmenu >troisieme</A>';
zlien[1][0] = '<A HREF="" CLASS=ejsmenu>Gérer le courrier objectif</A>';
zlien[1][1] = '<A HREF="" CLASS=ejsmenu >Saisir un projet de délib</A>';
zlien[1][2] = '<A HREF="" CLASS=ejsmenu >Suivre mes depenses</A>';
zlien[2][0] = '<A HREF="" CLASS=ejsmenu >Saisir un projet de délib</A>';
zlien[2][1] = '<A HREF="" CLASS=ejsmenu >Saisir un projet de délib1</A>';
zlien[2][2] = '<A HREF="" CLASS=ejsmenu >Saisir un projet de délib2</A>';
zlien[2][3] = '<A HREF="proc/procedures.html" CLASS=ejsmenu >Les fiches de procédures</A>';
zlien[3][0] = '<A HREF="" CLASS=ejsmenu >Plan du site</A>';
zlien[3][1] = '<A HREF="" CLASS=ejsmenu >Hot-Line info</A>';
zlien[3][2] = '<A HREF="" CLASS=ejsmenu >Utilisation de clip@net</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 = posYmenu;
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = posXmenu+pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=135><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\"> "+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=540><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">Espace PERSO</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],135)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],135)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Espace PROFESSIONNEL</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],270)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],270)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Espace PRATIQUE</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],405)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],405)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Aide</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV>')
</script>
</table>
| [ Posté par GhislainLavoie ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 14-01-2004 à 23:13 | 3179 messages ]
|
Salut!
Voici les corrections. J'ai ajouter une partie pour la disparition des sous-menu.
Code:
|
<html>
<head>
<title>Untitled</title>
</head>
<body>
<TABLE WIDTH=780 BORDER=0 CELLPADDING=0 CELLSPACING=0 >
<TR>
<td>
<div style="position:relative;">
<script language="JavaScript">
posYmenu = 0;
posXmenu = 0;
bgcolor='#FFFFFF';
bgcolor2='#7B7B7B';
document.write('<style type="text/css">');
document.write('.popper {position:absolute;VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche {z-index:10; }')
document.write('A:hover.ejsmenu {text-decoration:none;}')
document.write('A.ejsmenu {text-decoration:none;}')
document.write('</style>')
if (document.layers)
document.write('<layer class=popper id=topdeck OnMouseOver="focus_over();" OnMouseOut="focus_out();"></layer>');
else
document.write('<DIV class=popper id=topdeck OnMouseOver="focus_over();" OnMouseOut="focus_out();"></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[0][0] = '<A HREF="" CLASS=ejsmenu ><IMG SRC="images/r2.gif" WIDTH=20 HEIGHT=29 ALT="">premier</A>';
zlien[0][1] = '<A HREF="" CLASS=ejsmenu >deuxieme</A>';
zlien[0][2] = '<A HREF="" CLASS=ejsmenu >troisieme</A>';
zlien[1][0] = '<A HREF="" CLASS=ejsmenu>Gérer le courrier objectif</A>';
zlien[1][1] = '<A HREF="" CLASS=ejsmenu >Saisir un projet de délib</A>';
zlien[1][2] = '<A HREF="" CLASS=ejsmenu >Suivre mes depenses</A>';
zlien[2][0] = '<A HREF="" CLASS=ejsmenu >Saisir un projet de délib</A>';
zlien[2][1] = '<A HREF="" CLASS=ejsmenu >Saisir un projet de délib1</A>';
zlien[2][2] = '<A HREF="" CLASS=ejsmenu >Saisir un projet de délib2</A>';
zlien[2][3] = '<A HREF="proc/procedures.html" CLASS=ejsmenu >Les fiches de procédures</A>';
zlien[3][0] = '<A HREF="" CLASS=ejsmenu >Plan du site</A>';
zlien[3][1] = '<A HREF="" CLASS=ejsmenu >Hot-Line info</A>';
zlien[3][2] = '<A HREF="" CLASS=ejsmenu >Utilisation de clip@net</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 = posYmenu;
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = posXmenu+pos;
skn.top = posYmenu+27;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=135><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\"> "+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=540><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">Espace PERSO</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[1],135)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],135)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Espace PROFESSIONNEL</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[2],270)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],270)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Espace PRATIQUE</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\\''+bgcolor2+'\\';pop(zlien[3],405)" onMouseOut="this.style.background=\\''+bgcolor+'\\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],405)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">Aide</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV>')
if (document.layers)
document.write('</layer>')
else
document.write("</DIV>");
var focus_menu,deuxieme,setattente,delai_disparition_menu=0000;
function attente()
{
if (deuxieme)
{
if (!focus_menu)
{
kill()
}
clearTimeout(setattente);
return;
}
setattente= setTimeout("attente()",delai_disparition_menu);
deuxieme = true;
}
function focus_over()
{
focus_menu = true;
clearTimeout(setattente);
}
function focus_out()
{
focus_menu = false;
deuxieme = false;
attente();
}
</script>
</div>
</td>
</tr>
<tr>
<td>Salut toi
</td>
</tr>
</table>
</body>
</html>
|
|
A+, Ghislain
[ Ce Message a été édité par: GhislainLavoie le 2004-01-14 23:17 ]
________________
La clarté est synonyme de bon service...
Soyez explicites avec vos demandes!!!
| [ Posté par dnllfriart ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 15-01-2004 à 09:54 | 10 messages ]
J'ai donc remplacer le script! mais c'est toujours pareil! mon tableau s'agrandi toujours lorsque j'ouvre mon sous menu! je ne comprend pas pourquoi!
| [ Posté par GhislainLavoie ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 16-01-2004 à 01:10 | 3179 messages ]
Salut!
T'a surement pas mis tout l'information qui était nécessaire. Essai la page que je t'ai envoyé... ça fonctionne bien.
Si tu perd trop de temps, envoi moi ta page par courriel ainsi que le script que je t'ai fournis et je te fait ça.
A+, Ghislain
________________
La clarté est synonyme de bon service...
Soyez explicites avec vos demandes!!!
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
