Avatar billede mstorgaard Praktikant
25. januar 2006 - 22:25 Der er 3 kommentarer og
1 løsning

Få undermenu til at virke i IE

Jeg har fundet den her undermenu, men den virker ikke i IE:
    <table>
      <tr>
    <td style="background-color: #ffffff;">
      <table cellpadding="0" cellspacing="0" border="0" align="center">
        <tr>
<ilayer name="sub1">
<layer name="sub2">
</layer>
</ilayer>
<div id="submenu" onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div>
        </tr>
      </table>
        </td>
      </tr>
    </table>
<script>
var submenu=new Array()
submenu[0]=''
submenu[1]='<td style=\"width: 800px; height: 15px; padding-left: 80px;\"><a href=\"index.php?page=side&navn=<?php echo $menulink2 ?>&cat=5&arkiv=<?php echo $arkiv ?>&lang=<?php echo $language ?>\" class=\"nav\"><?php echo $menu2 ?></a> | <a href=\"index.php?page=arkiv&navn=<?php echo $archivefor ?><?php echo $menu2 ?>&cat=5&lang=<?php echo $language ?>\" class=\"text\"><?php echo $arkiv ?></a></td>'
submenu[2]='<td style=\"width: 800px; height: 15px; padding-left: 160px;\"><a href=\"index.php?page=side&navn=<?php echo $menulink3 ?>&cat=3&arkiv=<?php echo $arkiv ?>&lang=<?php echo $language ?>\" class=\"nav\"><?php echo $menu3 ?></a> | <a href=\"index.php?page=arkiv&navn=<?php echo $archivefor ?><?php echo $menu3 ?>&cat=3&lang=<?php echo $language ?>\" class=\"text\"><?php echo $arkiv ?></a></td>'
submenu[3]='<td style=\"width: 800px; height: 15px; padding-left: 240px;\"><a href=\"index.php?page=side&navn=<?php echo $menulink4 ?>&cat=1&arkiv=<?php echo $arkiv ?>&lang=<?php echo $language ?>\" class=\"nav\"><?php echo $menu4 ?></a> | <a href=\"index.php?page=arkiv&navn=<?php echo $archivefor ?><?php echo $menu4 ?>&cat=1&lang=<?php echo $language ?>\" class=\"text\"><?php echo $arkiv ?></a></td>'
submenu[4]='<td style=\"width: 800px; height: 15px; padding-left: 320px;\"><a href=\"index.php?page=side&navn=<?php echo $menulink5 ?>&cat=4&arkiv=<?php echo $arkiv ?>&lang=<?php echo $language ?>\" class=\"nav\"><?php echo $menu5 ?></a> | <a href=\"index.php?page=arkiv&navn=<?php echo $archivefor ?><?php echo $menu5 ?>&cat=4&lang=<?php echo $language ?>\" class=\"text\"><?php echo $arkiv ?></a></td>'
submenu[5]='<td style=\"width: 800px; height: 15px; padding-left: 400px;\"><a href=\"index.php?page=side&navn=<?php echo $menulink6 ?>&cat=6&arkiv=<?php echo $arkiv ?>&lang=<?php echo $language ?>\" class=\"nav\"><?php echo $menu6 ?></a> | <a href=\"index.php?page=arkiv&navn=<?php echo $archivefor ?><?php echo $menu3 ?>&cat=6&lang=<?php echo $language ?>\" class=\"text\"><?php echo $arkiv ?></a></td>'
submenu[6]='<td style=\"width: 800px; height: 15px; text-align: right; padding-right: 160px;\"><a href=\"index.php?page=<?php echo $galleri2 ?>&navn=<?php echo $screenshots ?>&lang=<?php echo $language ?>\" class=\"nav\"><?php echo $screenshots ?></a> | <a href=\"index.php?page=<?php echo $galleri2 ?>&navn=<?php echo $elso ?>&lang=<?php echo $language ?>\" class=\"nav\"><?php echo $elso ?></a></td>'
submenu[7]='<td style=\"width: 800px; height: 15px; text-align: right;\"><a href=\"index.php?page=<?php echo $menupage7 ?>&navn=<?php echo $menulink7 ?>&lang=<?php echo $language ?>\" class=\"nav\"><?php echo $menu7 ?></a> | <a href=\"index.php?page=<?php echo $menupage8 ?>&navn=<?php echo $menulink8 ?>&lang=<?php echo $language ?>\" class=\"nav\"><?php echo $menu8 ?></a> | <a href=\"news/\" class=\"nav\" target=\"_blank\"><?php echo $menu10 ?></a></td>'
var menu=document.getElementById? document.getElementById("submenu") : document.all? document.all.submenu : document.layers? document.sub1.document.sub2 : ""
function showit(which)
{
  clear_delayhide()
  thecontent=(which==-1)? "" : submenu[which]
  if (document.getElementById||document.all)
  menu.innerHTML=thecontent
  else if (document.layers)
  {
    menu.document.write(thecontent)
    menu.document.close()
  }
}

function resetit(e)
{
  if (document.all&&!menu.contains(e.toElement))
  delayhide=setTimeout("showit(-1)",500)
  else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
  delayhide=setTimeout("showit(-1)",500)
}

function clear_delayhide()
{
  if (window.delayhide)
  clearTimeout(delayhide)
}

function contains_ns6(a, b)
{
  while (b.parentNode)
  if ((b = b.parentNode) == a)
  return true;
  return false;
}
</script>
Avatar billede mstorgaard Praktikant
25. januar 2006 - 22:26 #1
Her er koden lidt mere overskuelig:
      <tr>
    <td style="background-color: #ffffff;">
      <table cellpadding="0" cellspacing="0" border="0" align="center">
        <tr>
<ilayer name="sub1">
<layer name="sub2">
</layer>
</ilayer>
<div id="submenu" onMouseover="clear_delayhide()" onMouseout="resetit(event)"></div>
        </tr>
      </table>
        </td>
      </tr>
<script>
var submenu=new Array()
submenu[0]=''
submenu[1]='<td>Menu1</td>'
submenu[2]='<td>Menu2</td>'
submenu[3]='<td>Menu3</td>'
submenu[4]='<td>Menu4</td>'
submenu[5]='<td>Menu5</td>'
submenu[6]='<td>Menu6</td>'
submenu[7]='<td>Menu7</td>'
var menu=document.getElementById? document.getElementById("submenu") : document.all? document.all.submenu : document.layers? document.sub1.document.sub2 : ""
function showit(which)
{
  clear_delayhide()
  thecontent=(which==-1)? "" : submenu[which]
  if (document.getElementById||document.all)
  menu.innerHTML=thecontent
  else if (document.layers)
  {
    menu.document.write(thecontent)
    menu.document.close()
  }
}

function resetit(e)
{
  if (document.all&&!menu.contains(e.toElement))
  delayhide=setTimeout("showit(-1)",500)
  else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
  delayhide=setTimeout("showit(-1)",500)
}

function clear_delayhide()
{
  if (window.delayhide)
  clearTimeout(delayhide)
}

function contains_ns6(a, b)
{
  while (b.parentNode)
  if ((b = b.parentNode) == a)
  return true;
  return false;
}
</script>
Avatar billede mstorgaard Praktikant
27. januar 2006 - 22:20 #2
Scriptet virker ikke i Internet Explorer og jeg vil forhøje pointene for en løsning til 200..
Avatar billede mstorgaard Praktikant
29. januar 2006 - 21:11 #3
Lukker, har selv fikset det
Avatar billede mstorgaard Praktikant
29. januar 2006 - 21:11 #4
Doh
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