Probleme avec menu de site en javascript !!

Résolu
Signaler
Messages postés
51
Date d'inscription
samedi 12 avril 2003
Statut
Membre
Dernière intervention
14 février 2009
-
Messages postés
51
Date d'inscription
samedi 12 avril 2003
Statut
Membre
Dernière intervention
14 février 2009
-
Bonsoir a tous jsui débutant et jsui entrain de faire mon site et j'ai un ptit probleme avec un menu en javascript !!!
je voudrais savoi comment faire pour que le menu soit centrer au milieu absolu de ma page?
merci à ceux qui peuvent m'aider !!!

<HTML>
<HEAD><TITLE>ACCUEIL</TITLE>


<SCRIPT language=javascript>


// Paramétrage ici :
var MenuToolBar=new CreerMenuToolBar('#316AC5', '#6699FF', '#000099', '#6699FF', 'font-family:verdana;font-size:11px;color:white;font-weight:bold', 16, 16)


MenuToolBar.Add('membreoff.gif', 'membreon.gif', 'Accueil', 'page_02.html');
MenuToolBar.Add('videosoff.gif', 'videoson.gif', 'Vidéos', 'page_03.html');
MenuToolBar.Add('helpoff.gif', 'helpon.gif', 'MP3', 'help.html');
MenuToolBar.Add('membreoff.gif', 'membreon.gif', 'Astuces', 'page_02.html');
MenuToolBar.Add('pouceoff.gif', 'pouceon.gif', 'Photos', 'page_03.html');
MenuToolBar.Add('helpoff.gif', 'helpon.gif', 'Book', 'help.html');
MenuToolBar.Add('membreoff.gif', 'membreon.gif', 'Samples', 'page_02.html');
MenuToolBar.Add('pouceoff.gif', 'pouceon.gif', 'Download', 'page_03.html');
MenuToolBar.Add('helpoff.gif', 'helpon.gif', 'Liens', 'help.html');
MenuToolBar.Add('membreoff.gif', 'membreon.gif', 'Sponsors', 'page_02.html');
MenuToolBar.Add('pouceoff.gif', 'pouceon.gif', 'Contact', 'page_03.html');


// Fonctions internes
function CreerMenuToolBar(colFond, colClair, colOmbre, colCligno, style, hauteur, largeur) {this.nb=0;this.colFond=colFond;this.colClair=colClair;this.colOmbre=colOmbre;this.colCligno=colCligno;this.hauteur=hauteur;this.largeur=largeur;this.style=style;this.Indice=-1;this.Nbcligno=0;this.Add=AddMenuToolBar;this.Aff=AffMenuToolBar;}
function AddMenuToolBar(imgOff, imgOn, libelle, url) {var link=new Object();link.imgOff=imgOff;link.imgOn=imgOn;link.libelle=libelle;link.url=url;this[this.nb]=link;this.nb++;}
function AffMenuToolBar() {
 if (document.getElementById || document.all) {
  var Z="\";
  for (var i=0; i<this.nb; i++) {
   Z+=\"&nbsp;"+this[i].libelle+", \";
  }
  Z+="
";
 } else {
  var Z="| &nbsp;";
  for (var i=0; i<this.nb; i++) {
   Z+="&nbsp;"+this[i].libelle+"&nbsp;|&nbsp;";
  }
 }
 document.write(Z);
}
function AffMenuToolBarOver(obj,ind) {obj.style.borderTopColor=MenuToolBar.colClair; obj.style.borderLeftColor=MenuToolBar.colClair; obj.style.borderBottomColor=MenuToolBar.colOmbre; obj.style.borderRightColor=MenuToolBar.colOmbre; document.images['MenuToolBarIMG'+ind].src=MenuToolBar[ind].imgOn;}
function AffMenuToolBarOut(obj,ind) {obj.style.borderTopColor=MenuToolBar.colFond; obj.style.borderBottomColor=MenuToolBar.colFond; obj.style.borderLeftColor=MenuToolBar.colFond; obj.style.borderRightColor=MenuToolBar.colFond; document.images['MenuToolBarIMG'+ind].src=MenuToolBar[ind].imgOff;}
function AffMenuToolBarDown(obj,ind) {obj.style.borderTopColor=MenuToolBar.colOmbre; obj.style.borderLeftColor=MenuToolBar.colOmbre; obj.style.borderBottomColor=MenuToolBar.colClair; obj.style.borderRightColor=MenuToolBar.colClair;}
function AffMenuToolBarClic(obj,ind) {MenuToolBar.Indice=ind;MenuToolBar.obj=obj;MenuToolBar.Nbcligno=0;MenuToolBarCligno()}
function MenuToolBarCligno() {
 MenuToolBar.Nbcligno++;
 if (Math.round(MenuToolBar.Nbcligno/2) != MenuToolBar.Nbcligno/2) {
  MenuToolBar.obj.style.backgroundColor=MenuToolBar.colCligno;
 } else {
  MenuToolBar.obj.style.backgroundColor=MenuToolBar.colFond;
 }
 if (MenuToolBar.Nbcligno < 8) {
  setTimeout('MenuToolBarCligno()',50-5*MenuToolBar.Nbcligno);
 } else {
  window.location=MenuToolBar[MenuToolBar.Indice].url;
 }
}


</script>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>



<script language="javascript">MenuToolBar.Aff();</script>

alors ca vous dit???

3 réponses

Messages postés
224
Date d'inscription
lundi 19 décembre 2005
Statut
Membre
Dernière intervention
6 juin 2007
3
Salut

pour centrer ton menu tu remplace la ligne 

            " var Z="<TABLE border=0 cellpadding=1 cellspacing=1><TR>"; "

par 

         var Z="<TABLE align='center' border=0 cellpadding=1 cellspacing=1><TR>";

voila bonne prog

-- The Rubik's Man --
Messages postés
1642
Date d'inscription
samedi 6 novembre 2004
Statut
Modérateur
Dernière intervention
28 avril 2011
3
Question redirigée de "CodeS-SourceS / Le Bar / Discussions libres" vers "Javascript / Javascript et le navigateur / Autre".

<hr width="100%" size="2" />Nurgle(Antoine)
Messages postés
51
Date d'inscription
samedi 12 avril 2003
Statut
Membre
Dernière intervention
14 février 2009

Merci bcp Rubik's !!! j'm'y mets de suite pour voir si ca fonctionne !!!