Dropdownmenü für Website (Phoenix1991)

Phoenix1991 (224)

3x Beste Antwort

4x "Danke"

« am: 17.02.07, 16:37:11 »

Hallo Leute!

Ich bräuchte mal bitte eure Hilfe.

Also ich arbeite an einem Projekt für IMCM. Und da müssen wir eine Webseite mit viel css und solchem Schnickschnack drinnen machen. Und da mir das Menü auf www.runenkunde.de irgendwie ziemlich doll gefällt habe ich mir den Quelltext angesehen und versucht, das in meine Seite einzubauen. Nur irgendwie will das nicht so recht klappen. Meine Bitte wäre, ob ihr euch mal den Code ansehen könntet und was da drinnen fehlt, bzw. falsch ist? Das ist er:

<html>
<head>
<title>Sci-Fi-Base</title>
<style type="text/css">

</style>

<style>

</style>
<script language="JavaScript">
var stayFolded=false

var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
var browser=((n || ie) && parseInt(navigator.appVersion)>=4)

function makeMenu(obj,nest){
   nest=(!nest) ? '':'document.'+nest+'.'
   this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')
    this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');
   this.height=n?this.ref.height:eval(obj+'.offsetHeight')
   this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;
   this.hideIt=b_hideIt;   this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt
   return this
}
function b_showIt(){this.css.visibility="visible"}
function b_hideIt(){this.css.visibility="hidden"}
function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}

function init(){
   oTop=new Array()
   oTop[0]=new makeMenu('divTop1','divCont')
   oTop[1]=new makeMenu('divTop2','divCont')
   oTop[2]=new makeMenu('divTop3','divCont')
   oTop[3]=new makeMenu('divTop4','divCont')
   oTop[4]=new makeMenu('divTop5','divCont')

   oSub=new Array()
   oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')
   oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')
   oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')
   oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')
   for(i=0;i<oSub.length;i++){ oSub.hideIt() }
   for(i=1;i<oTop.length;i++){ oTop.moveIt(0,oTop[i-1].y+oTop[i-1].height) }
}

function menu(num){
   if(browser){
      if(!stayFolded){
         for(i=0;i<oSub.length;i++){
            if(i!=num){
               oSub.hideIt()
               oTop.ref["imgA"+i].src=unImg.src
            }
         }
         for(i=1;i<oTop.length;i++){
            oTop.moveIt(0,oTop[i-1].y+oTop[i-1].height)
         }
      }
      if(oSub[num].vis()){
         oSub[num].showIt()
         oTop[num].ref["imgA"+num].src=exImg.src
      }else{
         oSub[num].hideIt()
         oTop[num].ref["imgA"+num].src=unImg.src
      }
      for(i=1;i<oTop.length;i++){
         if(!oSub[i-1].vis()) oTop.moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)
         else oTop.moveIt(0,oTop[i-1].y+oTop[i-1].height)
      }
   }
}
if(browser) onload=init;

</script>

<base target="_self">

</head>

<body bgcolor="#000000" link="#00FF00" vlink="#00FF00" alink="#00FF00" leftmargin="0">


<p> </p>

<div id="divCont">
   <div id="divTop1" class="clTop"><a href="#" target="_self" onclick="menu(0); return false" class="clMain">Star Trek</a><br>
      <div id="divSub1" class="clSub">
          <a href="tos.htm" class="tnav" target="main" class="clSubb">The Original Series</a><br>
          <a href="tng.htm" class="tnav" target="main" class="clSubb">The Next Generation</a><br>
          <a href="ds9.htm" class="tnav" target="main" class="clSubb">Deep Space Nine</a><br>
          <a href="voy.htm" class="tnav" target="main" class="clSubb">Voyager</a><br>
          <a href="enterprise.htm" class="tnav" target="main" class="clSubb">Enterprise</a><br>
      </div><br>
   </div>

<div id="divCont">
   <div id="divTop2" class="clTop"><a href="#" target="_self" onclick="menu(1); return false" class="clMain">Stargate</a><br>
      <div id="divSub2" class="clSub">
          <a href="sg1.htm" class="tnav" target="main" class="clSubb">Stargate SG-1</a><br>
          <a href="sg_a.htm" class="tnav" target="main" class="clSubb">Stargate: Atlantis</a><br>
      </div><br>
   </div>

<div id="divCont">
   <div id="divTop3" class="clTop"><a href="#" target="_self" onclick="menu(2); return false" class="clMain">Battlestar Galactica</a><br>
      <div id="divSub3" class="clSub">
          <a href="bsg_group.htm" class="tnav" target="main" class="clSubb">Besetzung</a><br>
          <a href="bsg_ships.htm" class="tnav" target="main" class="clSubb">Schiffe</a><br>
      </div><br>
   </div>

<div id="divCont">
   <div id="divTop4" class="clTop"><a href="#" target="_self" onclick="menu(3); return false" class="clMain">FarScape</a><br>
      <div id="divSub4" class="clSub">
          <a href="fs_crew.htm" class="tnav" target="main" class="clSubb">Crew</a><br>
      </div><br>
   </div>

<div id="divCont">
   <div id="divTop5" class="clTop"><a href="#" target="_self" onclick="menu(4); return false" class="clMain">Andromeda</a><br>
      <div id="divSub5" class="clSub">
          <a href="andromeda_crew.htm" class="tnav" target="main" class="clSubb">Crew</a><br>
          <a href="sndromeda_ship.htm" class="tnav" target="main" class="clSubb">Schiff</a><br>
      </div><br>
   </div>


</body>
</html>

VlG,
Soulslayer

Dropdownmenü für Website

Antworten zu Dropdownmenü für Website:

Re: Dropdownmenü für Website

Mehr zu Dropdownmenü für Website