begin process at 2012 05 29 18:33:35
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

probleme avec menu de site en javascript !!


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

probleme avec menu de site en javascript !!

dimanche 8 octobre 2006 à 20:59:17 | probleme avec menu de site en javascript !!

masta64



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="<TABLE border=0 cellpadding=1 cellspacing=1><TR>";
  for (var i=0; i<this.nb; i++) {
   Z+="<TD onMouseOver='AffMenuToolBarOver(this,"+i+")' onMouseOut='AffMenuToolBarOut(this,"+i+")' onMouseDown='AffMenuToolBarDown(this,"+i+")' onClick='AffMenuToolBarClic(this,"+i+")' style='border-style:solid;border-width:1px;border-color:"+this.colFond+";"+this.style+";cursor:pointer'><IMG name='MenuToolBarIMG"+i+"' src='"+this[i].imgOff+"' border=0 width="+this.largeur+" height="+this.hauteur+" align=top>&nbsp;"+this[i].libelle+"</TD>";
  }
  Z+="</TR></TABLE>";
 } else {
  var Z="| &nbsp;";
  for (var i=0; i<this.nb; i++) {
   Z+="<A href='"+this[i].url+"' style='"+this.style+"'><IMG name='MenuToolBarIMG"+i+"' src=\""+this[i].imgOff+"\" border=0 width="+this.largeur+" height="+this.hauteur+" align=top>&nbsp;"+this[i].libelle+"</A>&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>

<body bgcolor="#000000">
<div style="color:white;font-family:arial;font-size:15px;font-weight:bold"></div>
<div align="center"><span style="color:white;font-family:arial;font-size:12px;"><img src="Images/masta_bullz_man.gif" width="800" height="181"></span></div>
<span style="color:white;font-family:arial;font-size:12px;"><BR>
<BR>
<script language="javascript">MenuToolBar.Aff();</script>
<br>
<br>
<br>
</body>

alors ca vous dit???

dimanche 8 octobre 2006 à 21:19:18 | Re : probleme avec menu de site en javascript !!

Nurgle

Membre Club Administrateur CodeS-SourceS
Question redirigée de "CodeS-SourceS / Le Bar / Discussions libres" vers "Javascript / Javascript et le navigateur / Autre".



Nurgle(Antoine)
dimanche 8 octobre 2006 à 22:12:36 | Re : probleme avec menu de site en javascript !!

rubiks10

Membre Club
Réponse acceptée !
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 --
lundi 9 octobre 2006 à 01:27:02 | Re : probleme avec menu de site en javascript !!

masta64



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


Cette discussion est classée dans : style, gif, add, obj, menutoolbar


Répondre à ce message

Sujets en rapport avec ce message

Probleme pour appliquer un style en javascript [ par f6xara ] Bonjour J'ai fais un éditeur de css en ligne et je souhaiterais que lorsque j'applique un nouveau style, les modifications apparaissent. Jusque là pa rollvover sur img [ par gesualda ] Bonjour à tous,j'ai testé ce code pour faire un rollover sur une image ..Tous fonctionne jusqu'au block4, et ensuite il ne donne aucune erreur, mais n PDA [ par cjcj ] La fonction ci dessous me permet de changer la couleur de la colonne cliquée ( La première devient verte, la deuxième devient rouge...) et les colonne Changer un style [ par initnocsib ] Bonjour,Je suis sûr que je fais une erreur énorme mais... je trouve pas.Le code ci-dessous ne fonctionne qu'à moitié :Le mouseover passe le texte en r Mouseover progressif image [ par Alt0car ] Bonjour, je développe actuellement un site web qui est accès sur beaucoup d'animations.J'ai rencontré un problème du au poids de mes pages contenant t script incompatible... ? [ par zen69 ] Bonjour tlm!J'ai encore un probleme de compatibilité avec des scripts ....Prenons ces deux fontions...function useShipInfo () {    do Problème d'opacité... [ par nicomilville ] Salut,J'utilise la propriété de petoleTeam pour avoir une même opacité sur tout les navigateurs...J'ai un div qui grise la page et qui a une opacié de onclick desactiver la fonction onemouseover [ par demnatis ] Bonjour a tous,je n'ai trouvé rien de precis concernant le script que je souhaite réaliser: ni sur ce site, ni sur google.Je cherche a desactiver la f Menu/ssmenu vertical qui ne marche pas comme je voudrais... [ par Nosferatu8 ] Bonjour à tous, Voila j'ai deux petits soucis concernant mon menu vertical déroulant... En fait, j'aurais besoin de deux choses: - lorsque je clique lien affichant texte et supprime le précédent s'il y a(Javascript) [ par vincenzodelarossa ] Bonjour à tous. Petit soucis dans mes conditions mon script est: function Swap( div_){ var Obj = document.getElementById( div_); if( Obj)


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,562 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales