Zentriertes Menu je nach Bildschrimgrösse

[Michi]

Hallo zusammen

Ich möchte gerne mein Menu je nach Bildschirmgrösse zentriert halten, doch leider funktioniert dies mit dem jetzigen Code, welche ich habe nicht. Ich musste es links fixieren und wenn der Bildschirm verkleinert oder vergrössert wird, ist das Menu nicht mehr zentriert. Kann mir hier jemand helfen, wie ich dies genau anpassen muss. Ich denke es muss irgendwo im menu.js sein, den im menu_tpl.js sehe ich zwar, das ich es fixiert habe, doch auch wenn ich es rausnehme funktioniert does nicht. Kann mir hier jemand helfen.

menu_tpl.js
***********
var MENU_TPL = [
 {
  'width': 100,
  'height': 15,
  'left': 100,
  'top': 0,
  'hide_delay': 200,
  'expd_delay': 200,
  'css': {
   'inner': 'TM0i0',
   'outer': ['TM0o0','TM0o1']
  },
  'block_left': 275,
  'block_top': 120
 },
 {
  'width': 120,
  'block_left': 0,
  'block_top': 24,
  'left': 0,
  'top': 23,
  'css': {
   'inner': 'TM1i0',
   'outer': ['TM1o0','TM1o1']
  }
 },
 {
  'block_left': 120,
  'block_top': 0
 }
];

menu.js
*******
var TMA=[];function menu(TMB,TMC){if(!document.body||!document.body.style)return;this.TMD=TMB;this.TMC=TMC;this.TME=TMA.length;this.TMF=[];this.TMG=[];this.TMH=TMI;this.TMJ=TMK;this.onclick=TML;this.onmouseout=TMM;this.onmouseover=TMN;this.onmousedown=TMO;this.TMP={'block_top':16,'block_left':16,'top':20,'left':4,'width':120,'height':22,'hide_delay':0,'expd_delay':0,'css':{'inner':'','outer':''}};this.TMQ=function(TMR){return this.TMP[TMR]};this.TMS=this;this.TMT=-1;this.TMU=0;this.TMV=0;for(TMW=0;TMW<TMB.length;TMW++)new TMX(this,TMW);TMA[this.TME]=this;for(var TMW=0;TMW<this.TMG.length;TMW++)this.TMG[TMW].TMY.style.visibility='visible'}function TMK(TME){clearTimeout(this.TMZ);var TMa=(TME?this.TMF[TME].TMT:0);for(TME=0;TME<this.TMF.length;TME++){var TMb=this.TMF[TME];if(TMb.TMT>TMa&&TMb.TMc){TMb.TMY.style.visibility='hidden';TMb.TMc=false}}if(!TME)this.TMd=null}function TMI(TME){if(this.TMe)return;var TMf=this.TMF[TME];if(this.TMd&&this.TMd.TMT>=TMf.TMT)this.TMJ(TMf.TME);this.TMd=TMf;if(!TMf.TMG)return;for(var TMW=0;TMW<TMf.TMG.length;TMW++){var TMb=TMf.TMG[TMW];TMb.TMY.style.visibility='visible';TMb.TMc=true}}function TML(TME){return Boolean(this.TMF[TME].TMD[1])}function TMM(TME){var TMf=this.TMF[TME];TMf.TMY.className=TMf.TMg(0,0);TMf.TMh.className=TMf.TMg(1,0);TMf.TMi(7);this.TMe=setTimeout('TMA['+this.TME+'].TMJ();',TMf.TMQ('hide_delay'))}function TMN(TME){clearTimeout(this.TMe);this.TMe=null;clearTimeout(this.TMZ);var TMf=this.TMF[TME];TMf.TMi();TMf.TMY.className=TMf.TMg(0,1);TMf.TMh.className=TMf.TMg(1,1);if(TMf.TMQ('expd_delay')<0)return;this.TMZ=setTimeout('TMA['+this.TME+'].TMH('+TME+');',TMf.TMQ('expd_delay'))}function TMO(TME){var TMf=this.TMF[TME];TMf.TMY.className=TMf.TMg(0,2);TMf.TMh.className=TMf.TMg(1,2);this.TMH(TME)}function TMX(TMj,TMW){this.TMT=TMj.TMT+1;this.TMD=TMj.TMD[TMW+(this.TMT?3:0)];if(!this.TMD)return;this.TMS=TMj.TMS;this.TMj=TMj;this.TMW=TMW;this.TME=this.TMS.TMF.length;this.TMS.TMF[this.TME]=this;TMj.TMG[TMW]=this;var TMS=this.TMS,TMC=this.TMS.TMC;this.TMQ=TMk;this.TMg=TMl;this.TMi=TMm;this.TMU=TMW?TMj.TMG[TMW-1].TMU+this.TMQ('left'):TMj.TMU+this.TMQ('block_left');this.TMV=TMW?TMj.TMG[TMW-1].TMV+this.TMQ('top'):TMj.TMV+this.TMQ('block_top');document.write('<a id="e'+TMS.TME+'_'+this.TME+'o" class="'+this.TMg(0,0)+'" href="'+this.TMD[1]+'"'+(this.TMD[2]&&this.TMD[2]['tw']?' target="'+this.TMD[2]['tw']+'"':'')+' style="position: absolute; top: '+this.TMV+'px; left: '+this.TMU+'px; width: '+this.TMQ('width')+'px; height: '+this.TMQ('height')+'px; visibility: hidden;'+' z-index: '+this.TMT+';" '+'onclick="return TMA['+TMS.TME+'].onclick('+this.TME+');" onmouseout="TMA['+TMS.TME+'].onmouseout('+this.TME+');" onmouseover="TMA['+TMS.TME+'].onmouseover('+this.TME+');" onmousedown="TMA['+TMS.TME+'].onmousedown('+this.TME+');"><div  id="e'+TMS.TME+'_'+this.TME+'i" class="'+this.TMg(1,0)+'">'+this.TMD[0]+"</div></a>\n");this.TMh=document.getElementById('e'+TMS.TME+'_'+this.TME+'i');this.TMY=document.getElementById('e'+TMS.TME+'_'+this.TME+'o');this.TMc=!this.TMT;if(this.TMD.length<4)return;this.TMG=[];for(var TMW=0;TMW<this.TMD.length-3;TMW++)new TMX(this,TMW)}function TMk(TMR){var TMn=null,TMo=this.TMS.TMC[this.TMT];if(TMo)TMn=TMo[TMR];return(TMn==null?this.TMj.TMQ(TMR):TMn)}function TMl(TMp,TMq){var TMr=this.TMQ('css');var TMs=TMr[TMp?'inner':'outer'];if(typeof(TMs)=='string')return TMs;for(var TMt=TMq;TMt>=0;TMt--)if(TMs[TMt])return TMs[TMt]}function TMm(TMu){window.setTimeout("window.status=unescape('"+(TMu?'':(this.TMD[2]&&this.TMD[2]['sb']?escape(this.TMD[2]['sb']):escape(this.TMD[0])+(this.TMD[1]?' ('+escape(this.TMD[1])+')':'')))+"')",10)}

Vielen Dank und Grüsse
Michi

[Engin]

Hi Michi,

menu_tpl.js
***********
var MENU_TPL = [
{
  'width': 100,
  'height': 15,
  'left': 100,
  'top': 0,
  'hide_delay': 200,
  'expd_delay': 200,
  'css': {
   'inner': 'TM0i0',
   'outer': ['TM0o0','TM0o1']
  },
  'block_left': 275,
  'block_top': 120
},
{
  'width': 120,
  'block_left': 0,
  'block_top': 24,
  'left': 0,
  'top': 23,
  'css': {
   'inner': 'TM1i0',
   'outer': ['TM1o0','TM1o1']
  }
},
{
  'block_left': 120,
  'block_top': 0
}
];

Warum machst du die Navi mit JS? Wenn ich JS bei meinem Browser
deaktiviere verschwindet die komplette Navileiste.
Mach es doch besser mit CSS, das kannst du Formatieren wie du lustig bist.  :)

Grüße,
Engin
 GYRO

[Manuel B.]

Ich grüsse den Cosmos,

Mal abgesehen davon, das dcein Code ein Sauhaufen ist, in dem keiner durchblickt, schonmal was von CSS und margin: auto; gehört, mit dem man Elemente zentrieren kann?

Möge das "Self" mit euch sein

[EKKi]

Mahlzeit,

menu.js
*******
var TMA=[];function menu(TMB,TMC){if(!document.body||!document.body.style)return;this.TMD=TMB;this.TMC=TMC;this.TME=TMA.length;this.TMF=[];this.TMG=[];this.TMH=TMI;this.TMJ=TMK;this.onclick=TML;this.onmouseout=TMM;this.onmouseover=TMN;this.onmousedown=TMO;this.TMP={'block_top':16,'block_left':16,'top':20,'left':4,'width':120,'height':22,'hide_delay':0,'expd_delay':0,'css':{'inner':'','outer':''}};this.TMQ=function(TMR){return this.TMP[TMR]};this.TMS=this;this.TMT=-1;this.TMU=0;this.TMV=0;for(TMW=0;TMW<TMB.length;TMW++)new TMX(this,TMW);TMA[this.TME]=this;for(var TMW=0;TMW<this.TMG.length;TMW++)this.TMG[TMW].TMY.style.visibility='visible'}function TMK(TME){clearTimeout(this.TMZ);var TMa=(TME?this.TMF[TME].TMT:0);for(TME=0;TME<this.TMF.length;TME++){var TMb=this.TMF[TME];if(TMb.TMT>TMa&&TMb.TMc){TMb.TMY.style.visibility='hidden';TMb.TMc=false}}if(!TME)this.TMd=null}function TMI(TME){if(this.TMe)return;var TMf=this.TMF[TME];if(this.TMd&&this.TMd.TMT>=TMf.TMT)this.TMJ(TMf.TME);this.TMd=TMf;if(!TMf.TMG)return;for(var TMW=0;TMW<TMf.TMG.length;TMW++){var TMb=TMf.TMG[TMW];TMb.TMY.style.visibility='visible';TMb.TMc=true}}function TML(TME){return Boolean(this.TMF[TME].TMD[1])}function TMM(TME){var TMf=this.TMF[TME];TMf.TMY.className=TMf.TMg(0,0);TMf.TMh.className=TMf.TMg(1,0);TMf.TMi(7);this.TMe=setTimeout('TMA['+this.TME+'].TMJ();',TMf.TMQ('hide_delay'))}function TMN(TME){clearTimeout(this.TMe);this.TMe=null;clearTimeout(this.TMZ);var TMf=this.TMF[TME];TMf.TMi();TMf.TMY.className=TMf.TMg(0,1);TMf.TMh.className=TMf.TMg(1,1);if(TMf.TMQ('expd_delay')<0)return;this.TMZ=setTimeout('TMA['+this.TME+'].TMH('+TME+');',TMf.TMQ('expd_delay'))}function TMO(TME){var TMf=this.TMF[TME];TMf.TMY.className=TMf.TMg(0,2);TMf.TMh.className=TMf.TMg(1,2);this.TMH(TME)}function TMX(TMj,TMW){this.TMT=TMj.TMT+1;this.TMD=TMj.TMD[TMW+(this.TMT?3:0)];if(!this.TMD)return;this.TMS=TMj.TMS;this.TMj=TMj;this.TMW=TMW;this.TME=this.TMS.TMF.length;this.TMS.TMF[this.TME]=this;TMj.TMG[TMW]=this;var TMS=this.TMS,TMC=this.TMS.TMC;this.TMQ=TMk;this.TMg=TMl;this.TMi=TMm;this.TMU=TMW?TMj.TMG[TMW-1].TMU+this.TMQ('left'):TMj.TMU+this.TMQ('block_left');this.TMV=TMW?TMj.TMG[TMW-1].TMV+this.TMQ('top'):TMj.TMV+this.TMQ('block_top');document.write('<a id="e'+TMS.TME+'_'+this.TME+'o" class="'+this.TMg(0,0)+'" href="'+this.TMD[1]+'"'+(this.TMD[2]&&this.TMD[2]['tw']?' target="'+this.TMD[2]['tw']+'"':'')+' style="position: absolute; top: '+this.TMV+'px; left: '+this.TMU+'px; width: '+this.TMQ('width')+'px; height: '+this.TMQ('height')+'px; visibility: hidden;'+' z-index: '+this.TMT+';" '+'onclick="return TMA['+TMS.TME+'].onclick('+this.TME+');" onmouseout="TMA['+TMS.TME+'].onmouseout('+this.TME+');" onmouseover="TMA['+TMS.TME+'].onmouseover('+this.TME+');" onmousedown="TMA['+TMS.TME+'].onmousedown('+this.TME+');"><div  id="e'+TMS.TME+'_'+this.TME+'i" class="'+this.TMg(1,0)+'">'+this.TMD[0]+"</div></a>\n");this.TMh=document.getElementById('e'+TMS.TME+'_'+this.TME+'i');this.TMY=document.getElementById('e'+TMS.TME+'_'+this.TME+'o');this.TMc=!this.TMT;if(this.TMD.length<4)return;this.TMG=[];for(var TMW=0;TMW<this.TMD.length-3;TMW++)new TMX(this,TMW)}function TMk(TMR){var TMn=null,TMo=this.TMS.TMC[this.TMT];if(TMo)TMn=TMo[TMR];return(TMn==null?this.TMj.TMQ(TMR):TMn)}function TMl(TMp,TMq){var TMr=this.TMQ('css');var TMs=TMr[TMp?'inner':'outer'];if(typeof(TMs)=='string')return TMs;for(var TMt=TMq;TMt>=0;TMt--)if(TMs[TMt])return TMs[TMt]}function TMm(TMu){window.setTimeout("window.status=unescape('"+(TMu?'':(this.TMD[2]&&this.TMD[2]['sb']?escape(this.TMD[2]['sb']):escape(this.TMD[0])+(this.TMD[1]?' ('+escape(this.TMD[1])+')':'')))+"')",10)}

Du glaubst doch wohl nicht im Ernst, dass sich auch nur EINER diesen Code durchliest, ihn analysiert und dir dann eine Lösung auf dem Silbertablett serviert?

MfG,
EKKi