|
|
|
 |
| > Menu dynamique |
[ Posté par Fools101 ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 12-10-2001 à 08:46 | 3 messages ]
salut a tous
j'ai mis sur mon site le script appelé "Menu dynamique" ... il est exactement a l'emplacement que je souhaitais, mais il y a un petit probleme : quand je change la taille de l'ecran (pour passer de 800*600 a 1024*768), le menu ne s'adapte pas, garde la position fixée en 800*600 et se retrouve décalé par rapport au reste de la page.
Existe-t-il une solution a mon probleme ?
Merci d'avance
voici le script utilisé :
posYmenu = 65;
bgcolor='#008080';
bgcolor2='#808080';
needcenter =false;
if(!needcenter)
posXmenu = 300;
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: absolute; VISIBILITY: hidden; z-index:1; }')
document.write('#topgauche { position:absolute; top:'+posYmenu+'px; left:'+posXmenu+'px; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none; font-weight: bold }')
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="http://www.croix-rouge.lu/adoption/index.htm" CLASS=ejsmenu>Adoption</A>';
zlien[0][1] = '<A HREF="http://www.croix-rouge.lu/de_colnet/index.htm" CLASS=ejsmenu>Centre d\'accueil de Colnet</A>';
zlien[0][2] = '<A HREF="http://www.croix-rouge.lu/crj/index.htm" CLASS=ejsmenu>Croix-Rouge de la Jeunesse</A>';
zlien[0][3] = '<A HREF="http://www.croix-rouge.lu/families_first/index.htm" CLASS=ejsmenu>Families First Luxembourg</A>';
zlien[0][4] = '<A HREF="http://www.croix-rouge.lu/foyer_de_jour/index.htm" CLASS=ejsmenu>Foyer de jour \'Kannervilla Carlo Hemmer\'</A>';
zlien[0][5] = '<A HREF="http://www.croix-rouge.lu/maison_jeunes/index.htm" CLASS=ejsmenu>Maison des jeunes</A>';
zlien[0][6] = '<A HREF="http://www.croix-rouge.lu/placement_familial/index.htm" CLASS=ejsmenu>Placement familial</A>';
zlien[0][7] = '<A HREF="http://www.croix-rouge.lu/psy_jeunes/index.htm" CLASS=ejsmenu>\'Psy-jeunes\' service psychothérapeutique pour jeunes</A>';
zlien[1][0] = '<A HREF="http://www.croix-rouge.lu/aidsberodung/index.htm" CLASS=ejsmenu>Aidsberodung</A>';
zlien[1][1] = '<A HREF="http://www.croix-rouge.lu/ambulance/index.htm" CLASS=ejsmenu>Ambulance</A>';
zlien[1][2] = '<A HREF="http://www.croix-rouge.lu/colpach/index.htm" CLASS=ejsmenu>Centre de convalescence Emile Mayrisch</A>';
zlien[1][3] = '<A HREF="http://www.croix-rouge.lu/sang/index.htm" CLASS=ejsmenu>Centre de transfusion sanguine</A>';
zlien[1][4] = '<A HREF="http://www.croix-rouge.lu/secourisme/index.htm" CLASS=ejsmenu>Cours élémentaires de secourisme</A>';
zlien[1][5] = '<A HREF="http://www.croix-rouge.lu/doheem_versuergt/index.htm" CLASS=ejsmenu>Doheem Versuergt</A>';
zlien[1][6] = '<A HREF="http://www.croix-rouge.lu/section_canine/index.htm" CLASS=ejsmenu>Section canine</A>';
zlien[2][0] = '<A HREF="http://www.croix-rouge.lu/dropin/index.htm" CLASS=ejsmenu>Dispensaire Dropin pour sex-workers</A>';
zlien[2][1] = '<A HREF="http://www.croix-rouge.lu/action_saint_nicolas/index.htm" CLASS=ejsmenu>Quête de Saint-Nicolas</A>';
zlien[2][2] = '<A HREF="http://www.croix-rouge.lu/repas_roues/index.htm" CLASS=ejsmenu>Repas sur roues</A>';
zlien[2][3] = '<A HREF="http://www.croix-rouge.lu/sections_locales/index.htm" CLASS=ejsmenu>Sections locales</A>';
zlien[2][4] = '<A HREF="http://www.croix-rouge.lu/aide_sociale/index.htm" CLASS=ejsmenu>Service social de proximité</A>';
zlien[2][5] = '<A HREF="http://www.croix-rouge.lu/vestiaires/index.htm" CLASS=ejsmenu>Vestiaires</A>';
zlien[2][6] = '<A HREF="http://www.croix-rouge.lu/weesen_elteren/index.htm" CLASS=ejsmenu>Weesen Elteren</A>';
zlien[3][0] = '<A HREF="http://www.croix-rouge.lu" CLASS=ejsmenu>Fond d\'aide et de développement pour la coopération avec le Tiers-Monde</A>';
zlien[3][1] = '<A HREF="http://www.croix-rouge.lu/enfants_cardiaques/index.htm" CLASS=ejsmenu>Intervention en faveur des victimes de conflits armés et des victimes de catastrophe</A>';
zlien[3][2] = '<A HREF="http://www.croix-rouge.lu/enfants_cardiaques/index.htm" CLASS=ejsmenu>Service des réfugiés</A>';
zlien[3][3] = '<A HREF="http://www.croix-rouge.lu/enfants_cardiaques/index.htm" CLASS=ejsmenu>Enfants cardiaques d\'Ukraine</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+21;
function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.left = posXmenu+pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#FFFFFF 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=\"Arial\"> "+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=460><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=20><TR>')
document.write('<TD WIDTH=120 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(true)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Services de l\'enfance</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],125)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Services sanitaires</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[2],230)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Services sociaux</FONT></a></TD>')
document.write('<TD WIDTH=120 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[3],335)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Arial">Secours internationaux</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV>')
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
