Avatar billede sorenmt84 Juniormester
26. maj 2002 - 18:37 Der er 1 løsning

Menu flytter sig efter opløsning!

Jeg har følgende rullemenu, som jeg faktisk er meget gald for... Dog er der et problem, for man skal indstille hvor langt inde på siden vinduerne der skal "falde ned" skal komme. Det er heller ikke noget problem, det kommer først når jeg f.eks. indstiller det til 1024*768 og der så kommer en besøgende der kører 800*600... Kan jeg på en eller anden må lave det sådan så "fald ned" menuen altid kommer und den kategori den skal uanset hvilken opløsning man har?



<script language="JavaScript">
<!--
function MM_findObj(n, d) { //v3.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
}
function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
<script language="JavaScript">
  function diverse(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#990000'
    } else if (mode=="out") {
      cursortype = ''
      colorval = '#C0C0C0'
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
}
  function grenene(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#CC6600'
    } else if (mode=="out") {
      cursortype = ''
      colorval = '#C0C0C0'
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
}
  function kontakt(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#CC9900'
    } else if (mode=="out") {
      cursortype = ''
      colorval = '#C0C0C0'
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
}
  function flach(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#66AA66'
    } else if (mode=="out") {
      cursortype = ''
      colorval = '#C0C0C0'
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
}
  function interne(element,mode) {
    if (mode=="in") {
      cursortype = 'hand'
      colorval = '#336699'
    } else if (mode=="out") {
      cursortype = ''
      colorval = '#C0C0C0'
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
}
</script>
<td width="100" bgcolor="#990000"><a href="#" class="hvid" onMouseOver="MM_showHideLayers('diverse','','show','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')"><center>diverse</center></a></td>

<td width="100" bgcolor="#CC6600"><a href="#" class="hvid" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','show','kontakt','','hide','flach','','hide','interne','','hide')"><center>grenene</center></a></td>

<td width="100" bgcolor="#CC9900"><a href="#" class="hvid" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','show','flach','','hide','interne','','hide')"><center>kontakt os</center></a></td>

<td width="100" bgcolor="#66AA66"><a href="#" class="hvid" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','show','interne','','hide')"><center>flach</center></a></td>

<td width="100" bgcolor="#336699"><a href="#" class="hvid" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','show')"><center>interne</center></a></td>

<td>
</td>

</tr></table>

<div id="diverse" style="position:absolute; left: 0px; visibility: hidden" onMouseOver="MM_showHideLayers('diverse','','show','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')" onMouseOut="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')">
<table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" class="border_menu">

<tr><td onmouseover="diverse(this,'in');" onmouseout="diverse(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Forsiden</a></td>
</tr>
<tr><td onmouseover="diverse(this,'in');" onmouseout="diverse(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Hvem er vi?</a></td>
</tr>
<tr><td onmouseover="diverse(this,'in');" onmouseout="diverse(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Kalender</a></td>
</tr>
<tr><td onmouseover="diverse(this,'in');" onmouseout="diverse(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Links</a></td>
</tr>
<tr><td onmouseover="diverse(this,'in');" onmouseout="diverse(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Billeder</a></td>
</tr>
<FORM ACTION="default.asp?side=sog" METHOD="POST">
<tr><td class="border_menu2"><span class="lille_sort"><b>&nbsp;Søg</b><BR>
&nbsp;<input type="text" name="sog" size="20" style="font-family: Verdana; font-size: 8 pt; border-style: solid; border-width: 1">
<BR><DIV STYLE="text-align:right"><input type="submit" value="søg" style="font-family: Verdana; font-size: 7 pt; border-style: solid; border-width: 1">&nbsp;&nbsp;</DIV><BR></td>
</tr>
</table></div>


<div id="grenene" style="position:absolute; left: 100px; visibility: hidden" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','show','kontakt','','hide','flach','','hide','interne','','hide')" onMouseOut="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')">
<table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" class="border_menu">

<tr><td onmouseover="grenene(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Mikro</a></td>
</tr>
<tr><td onmouseover="grenene(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Mini</a></td>
</tr>
<tr><td onmouseover="grenene(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Junior</a></td>
</tr>
<tr><td onmouseover="grenene(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Troppen</a></td>
</tr>
<tr><td onmouseover="grenene(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Senior</a></td>
</tr>
<tr><td class="border_menu2"><span class="lille_sort"><b>&nbsp;INFO</b></span></td></tr>
<tr><td onmouseover="grenene(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Hvilken gren skal jeg i?</a></td>
</tr>
</table></div>


<div id="kontakt" style="position:absolute; left: 200px; visibility: hidden" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','show','flach','','hide','interne','','hide')" onMouseOut="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')">
<table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" class="border_menu">

<tr><td onmouseover="kontakt(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Gruppen</a></td>
</tr>
<tr><td onmouseover="kontakt(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Styrelsen</a></td>
</tr>
<tr><td onmouseover="kontakt(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Gruppeledelsen</a></td>
</tr>
<tr><td onmouseover="kontakt(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Ledere</a></td>
</tr>
<tr><td onmouseover="kontakt(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Sejs Troldene</a></td>
</tr>
<tr><td onmouseover="kontakt(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Webmaster</a></td>
</tr>
</table></div>


<div id="flach" style="position:absolute; left: 300px; visibility: hidden" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','show','interne','','hide')" onMouseOut="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')">
<table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" class="border_menu">

<tr><td onmouseover="flach(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Hvad er det?</a></td>
</tr>
<tr><td onmouseover="flach(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Nyeste udgave</a></td>
</tr>
<tr><td onmouseover="flach(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Læs flach</a></td>
</tr>
<tr><td onmouseover="flach(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Indsend indlæg</a></td>
</tr>
<tr><td onmouseover="flach(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Radaktionen</a></td>
</tr>

</table></div>


<div id="interne" style="position:absolute; left: 400px; visibility: hidden" onMouseOver="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','show')" onMouseOut="MM_showHideLayers('diverse','','hide','grenene','','hide','kontakt','','hide','flach','','hide','interne','','hide')">
<table width="150" border="0" cellspacing="0" cellpadding="0" bgcolor="#C0C0C0" class="border_menu">

<tr><td onmouseover="interne(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Hvad er det?</a></td>
</tr>
<FORM ACTION="default.asp?side=interne&subisde=kontrol" METHOD="POST">
<tr><td class="border_menu2"><span class="lille_sort"><b>&nbsp;Login</b><BR>
<span class="lille_sort">&nbsp;Brugernavn:</span><BR>
&nbsp;<input type="text" name="brugernavn" size="20" style="font-family: Verdana; font-size: 8 pt; border-style: solid; border-width: 1">
<span class="lille_sort">&nbsp;Adgangskode:</span><BR>
&nbsp;<input type="password" name="adgangskode" size="20" style="font-family: Verdana; font-size: 8 pt; border-style: solid; border-width: 1"><BR>
<DIV STYLE="text-align:right"><input type="submit" value="Log på" style="font-family: Verdana; font-size: 7 pt; border-style: solid; border-width: 1">&nbsp;&nbsp;</DIV></td>
</tr>
<tr><td class="border_menu2" onmouseover="interne(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Glemt kode</a></td>
</tr>
<tr><td onmouseover="interne(this,'in');" onmouseout="grenene(this,'out');" onClick="location.href='default.asp?';"><a class="lille_sort" href="default.asp?">&nbsp;Opret bruger</a></td></FORM>
</tr>
</table></div>
Avatar billede sorenmt84 Juniormester
27. maj 2002 - 16:55 #1
Fandt et andet script...
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester