Seite 1 von 1

hiiilllfffeee... frage zu javascript

Verfasst: 14.08.2003 18:13
von TC-Freaky
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

Verfasst: 14.08.2003 19:26
von King Crusty
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?

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

mfg. freaky

Verfasst: 14.08.2003 19:31
von TC-Freaky
in css kenne ich mcih übrigens auch 0 aus :( :( :(

Verfasst: 14.08.2003 19:42
von King Crusty
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

Verfasst: 14.08.2003 20:38
von Pyramide
TC-Freaky hat geschrieben:Leidre kenne ich mich mit jva script 0 aus und kann damit nicht viel anfangen :oops: :( . ob du wohl so nett wärst und mir denn fertigen code, so dass das script imme rin der mitte ist posten könntest ? :o :(
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? :roll:

Verfasst: 15.08.2003 12:28
von TC-Freaky
das ist, wenn man immer so schnell schreiben wil :evil:

mfg. freaky


:cookie: :cookie: stopf :cookie: :cookie:

Verfasst: 16.08.2003 19:06
von Programmer
... und es nicht noch einmal durchliest.