hiiilllfffeee... frage zu javascript

TC-Freaky · Beitrag von **TC-Freaky** » 14.08.2003 18:13

Hallo zusammen !

Ich habe eine navigation in javascript, und würde dieses gerne Mittig der seite haben. das script ist jedoch genau positioniert und kann nicht zentriert werden. kann mir jemand helfen bzw. es umschreiben so das man es zentrieren kann und bei allen auflösungen dann in der mitte ist ???

hier ist der java-code:

Code: Alles auswählen

<html>
<head>

<script language="JavaScript">
<!--
function hidemenue(){   // NS + MSIE
 for (var i=0; i<hmenu.length; i++)
  document.getElementById("_"+hmenu[i].hname).style.visibility="hidden";
}

//-->
</script>
<style>
<!--

body{
 font-family:Verdana;
}
A:link { color: #FFFFFF; text-decoration : none;  }
A:visited { color:#FFFFFF; text-decoration : none; }
A:hover { text-decoration:underline; color:#FFFFFF; }
A:active { color: #FFFFFF; text-decoration : none; }


-->

</style>
</head>
<body><center>
<script language="JavaScript">
<!--
// DHTML Menu for MSIE und NS6
// Author Oliver Kertesz
// Created  OCT/2000

var hmenu=new Array();
var umenu=new Array();

// Hier die Menüs


new hauptmenue("News");
 new untermenue("News","Welt-News","index.php?ID=2");

new hauptmenue("Sport");
 new untermenue("Sport","Wasser","index.php?ID=3");
 new untermenue("Sport","Motor","index.php?ID=4");
 new untermenue("Sport","Anderer","index.php?ID=5");

new hauptmenue("Movie");
 new untermenue("Movie","Kino-Filme","index.php?ID=6");
 new untermenue("Movie","Fersehen","index.php?ID=7");
 new untermenue("Movie","News/Infos","index.php?ID=8");

new hauptmenue("Natur");
 new untermenue("Natur","Tierschutz","index.php?ID=9");
 new untermenue("Natur","Naturschutz","index.php?ID=10");
 new untermenue("Natur","Zoo & Park","index.php?ID=11");

new hauptmenue("Computer");
 new untermenue("Computer","Computer","index.php?ID=12");

new hauptmenue("Internet");
 new untermenue("Internet","Spam-Info","index.php?ID=13");
 new untermenue("Internet","Getestet","index.php?ID=14");
 new untermenue("Internet","News/Info","index.php?ID=15");

new hauptmenue("Handy");
 new untermenue("Handy","Handy","index.php?ID=16");

new hauptmenue("Webdesign");
 new untermenue("Webdesign","Workshops","index.php?ID=17");
 new untermenue("Webdesign","Tools","index.php?ID=18");
 new untermenue("Webdesign","<br>Programier-<br>Sprachen<br>","index.php?ID=19");
 new untermenue("Webdesign","News","index.php?ID=20");
 new untermenue("Webdesign","Trick-Kiste","index.php?ID=21");

new hauptmenue("Jugend");
 new untermenue("Jugend","Jugend","index.php?ID=22");

new hauptmenue("Musik");
 new untermenue("Musik","News","index.php?ID=23");
 new untermenue("Musik","Songtexte","index.php?ID=24");


// Menüs erzeugen

menu_create();

function hauptmenue(hname){
        this.hname=hname;
        hdazu(this);
}

function hdazu(objekt){
        hmenu[hmenu.length]=objekt;
}

function udazu(objekt){
        umenu[umenu.length]=objekt;
}

function untermenue(von,uname,urlm){
        this.von=von;
        this.uname=uname;
        this.jumpto=urlm;
        udazu(this);
}

function menu_create(){
 var lpos=-50;
 for (var i=0; i<hmenu.length; i++){
  document.write("<div style=\"position: absolute; left: "+(lpos+=75)+"px; font-weight: bold;text-align:center; z-index: 1;color:#FFFFFF; border: 1px solid #000000;  background: #CC0000; width: 100px; padding: 1px;  font-size:9pt; cursor: pointer; cursor: hand; width:76px;\" id=\""+ hmenu[i].hname + "\" onClick=\"hidemenue();\" onMouseover=\"showmenue('_"+hmenu[i].hname + "');\">" + hmenu[i].hname + "</div>");

  document.write("<div class=menu style=\"position: absolute; left: "+(lpos)+"px; z-index: 2; border: 1px solid #000000;  text-align: left; width:80px; margin-top: 16px; visibility: hidden; overflow: hidden; font-size:9pt; background: #CC0000;  padding: 2px;\" id=\"_" + hmenu[i].hname + "\" onClick=\"hidemenue();\">");
  for (var j=0; j<umenu.length; j++){
   if (umenu[j].von==hmenu[i].hname){
    document.write("<a class=navi href='" + umenu[j].jumpto + "'>" + umenu[j].uname + "</a><br>");
   }
  }
  document.write("</div>");
 }
}

function showmenue(dasda){
 for (var i=0; i<hmenu.length; i++)
  document.getElementById("_"+hmenu[i].hname).style.visibility="hidden";
 document.getElementById(dasda).style.visibility="visible";
}

function hidemenue(){   // NS + MSIE
 for (var i=0; i<hmenu.length; i++)
  document.getElementById("_"+hmenu[i].hname).style.visibility="hidden";
}


// end script
//-->
</script>
</center>
</body>
</html>

mfg. freaky

King Crusty · Beitrag von **King Crusty** » 14.08.2003 19:26

du musst in den document.write Teilen das Attribut von position verändern.
http://www.mathematik.uni-freiburg.de/I ... dch.htm#a2
Reicht dir der Tipp?

TC-Freaky · Beitrag von **TC-Freaky** » 14.08.2003 19:30

Leidre kenne ich mich mit jva script 0 aus und kann damit nicht viel anfangen

. ob du wohl so nett wärst und mir denn fertigen code, so dass das script imme rin der mitte ist posten könntest ?

mfg. freaky

TC-Freaky · Beitrag von **TC-Freaky** » 14.08.2003 19:31

in css kenne ich mcih übrigens auch 0 aus

King Crusty · Beitrag von **King Crusty** » 14.08.2003 19:42

hab mir das script mal näher angeschaut, ganz so einfach ist es leider nicht, wie ich zuerst dachte. Ich schau es mir bezüglich einer Lösung die nächsten Tag mal evtl. find ich was.

gruss
Andi

Beitrag von **Pyramide** » 14.08.2003 20:38

TC-Freaky hat geschrieben:Leidre kenne ich mich mit jva script 0 aus und kann damit nicht viel anfangen . ob du wohl so nett wärst und mir denn fertigen code, so dass das script imme rin der mitte ist posten könntest ?

leidre kennn ich mir mit dein rechtschreibng 0 aus und kann dmit nicht viel anfangen

ob du wohl so nett wärst und dir nen kauf, duden?

TC-Freaky · Beitrag von **TC-Freaky** » 15.08.2003 12:28

das ist, wenn man immer so schnell schreiben wil

mfg. freaky

stopf

Programmer · Beitrag von **Programmer** » 16.08.2003 19:06

... und es nicht noch einmal durchliest.