Avatar billede sorenmt84 Juniormester
16. marts 2002 - 20:03 Der er 4 kommentarer og
1 løsning

Menu ala tv2.dk

Jeg står og skal bruge en dropdown menu ala den på tv2.
(Jeg gider ikke have deres kilde kode... Har kigget meget på den, men jeg syntes den lige er en tand for svær at overskue)
Mine krav til den:
- Den skal være flot!
- Virke i alle borwsere... (Altså IE, Netscape, Opera osv. osv)
- Den skal IKKE være lavet med grafikfiler, det skal altså være REN tekst.
- Der skal være det første led, hvor man kan få en undermenu til, hvor man igen skal kunne få en under menu til.
Sådan her:
Menu1
-undermenu1
  -underundermenu1
Menu2
-undermenu2
Menu3
Menu4
-undermenu4

osv.
-Gerne mulighed for at indsætte html i menuen (ligesom tv2's)
-Også gerne mulighed for at have forskellige farver for hver menu (ligesom tv2's :-)
Avatar billede keysersoze Ekspert
16. marts 2002 - 20:23 #1
tag et kig på www.dhtmlcentral.com - der kan du formentlig finde noget..

ellers prøv at søg efter det her på eksperten - der er et utal af mennesker der har søgt efter sådan en menu
Avatar billede _eksperten_ Nybegynder
16. marts 2002 - 20:35 #2
Du kan da bare tage TV2's menu og ændre på den det skriver de i JS filen at man godt må ;)
Avatar billede sorenmt84 Juniormester
16. marts 2002 - 22:25 #3
>> keysersoze...

Har kigget der, men fandt ikke noget som var ok!

>>_eksperten_

Læs lige spørgsmålet igennem inden du svarer!
Avatar billede sorenmt84 Juniormester
16. marts 2002 - 22:40 #4
Fandt det her...

<html>
<head>
<title>Untitled Document</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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>
<link rel="stylesheet" type="text/css" href="menu.css">
</head>

<body bgcolor="#FFFFFF">
<table width="224" border="0" cellspacing="0" cellpadding="0" bordercolor="#000000" bgcolor="#FFFFFF">
  <tr>
    <td width="73"><a href="http://jubii.dk" onMouseOver="MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide')">&nbsp;<font size="3" color="#000000"><b><font face="Tahoma, Arial">T2est&nbsp;</font></b></font></a></td>
    <td width="73"><a href="#" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','show','menu3','','hide')">&nbsp;<font size="3" color="#000000"><b><font face="Tahoma, Arial">MENU
      2&nbsp;</font></b></font></a></td>
    <td width="73"><a href="#" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','show')">&nbsp;<font size="3" color="#000000"><b><font face="Tahoma, Arial">MENU
      3&nbsp;</font></b></font></a></td>
  </tr>
</table>
<div id="menu1" style="position:absolute; width:350px; height:99px; z-index:1; left: 10px; top: 42px; visibility: hidden" onMouseOver="MM_showHideLayers('menu1','','show','menu2','','hide','menu3','','hide')" onMouseOut="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide')">
  <table width="150" border="0" cellspacing="0" cellpadding="0" bordercolor="#000000">
    <tr>
      <td><font color="#000000" size="3" face="Tahoma, Arial"><b><a href="http://www.sejs.dk">&nbsp;LINK
        1 &nbsp;MENU 1</a></b><BR><INPUT TYPE="text"></font></td>
    </tr>
    <tr>
      <td><font color="#000000" size="3" face="Tahoma, Arial"><b><a href="#">&nbsp;LINK
        2&nbsp;&nbsp;MENU 1</a></b></font></td>
    </tr>
    <tr>
      <td><font color="#000000" size="3" face="Tahoma, Arial"><b><a href="#">&nbsp;LINK
        3 &nbsp;MENU 1</a></b></font></td>
    </tr>
    <tr>
      <td><font color="#000000" size="3" face="Tahoma, Arial"><b><a href="#">&nbsp;LINK
        4 &nbsp;MENU 1</a></b></font></td>
    </tr>
    <tr>
      <td><font color="#000000" size="3" face="Tahoma, Arial"><b><a href="#">&nbsp;LINK
        5 &nbsp;MENU 1</a></b></font></td>
    </tr>
  </table>
</div>
<div id="menu2" style="position:absolute; width:152px; height:110px; z-index:2; left: 84px; top: 42px; visibility: hidden" onMouseOut="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide')" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','show','menu3','','hide')">
  <table width="150" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000">
    <tr>
      <td><font color="#000000" size="3" face="Tahoma, Arial"><b><a href="#">&nbsp;LINK
        1 &nbsp;MENU 2</a></b></font></td>
    </tr>
    <tr>
      <td><font color="#000000" size="3" face="Tahoma, Arial"><b><a href="#">&nbsp;LINK
        2 &nbsp;MENU 2</a></b></font></td>
    </tr>
    <tr>
      <td height="20"><font color="#000000" size="3" face="Tahoma, Arial"><b><a href="#">&nbsp;LINK
        3 &nbsp;MENU 2</a></b></font></td>
    </tr>
    <tr>
      <td><font color="#000000" size="3" face="Tahoma, Arial"><b><a href="#">&nbsp;LINK
        4 &nbsp;MENU 2</a></b></font></td>
    </tr>
    <tr>
      <td><font color="#000000" size="3" face="Tahoma, Arial"><b><a href="#">&nbsp;LINK
        5 &nbsp;MENU 2</a></b></font></td>
    </tr>
  </table>
</div>
<div id="menu3" style="position:absolute; width:153px; height:109px; z-index:3; left: 159px; top: 42px; visibility: hidden" onMouseOut="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','hide')" onMouseOver="MM_showHideLayers('menu1','','hide','menu2','','hide','menu3','','show')">
  <table width="150" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000">
    <tr>
      <td height="20"><b><font color="#000000" size="3" face="Tahoma, Arial"><a href="#">&nbsp;LINK
        1 &nbsp;MENU 3</a></font></b></td>
    </tr>
    <tr>
      <td><b><font color="#000000" size="3" face="Tahoma, Arial"><a href="#">&nbsp;LINK
        2 &nbsp;MENU 3</a></font></b></td>
    </tr>
    <tr>
      <td><b><font color="#000000" size="3" face="Tahoma, Arial"><a href="#">&nbsp;LINK
        3 &nbsp;MENU 3</a></font></b></td>
    </tr>
    <tr>
      <td><b><font color="#000000" size="3" face="Tahoma, Arial"><a href="#">&nbsp;LINK
        4 &nbsp;MENU 3</a></font></b></td>
    </tr>
    <tr>
      <td><b><font color="#000000" size="3" face="Tahoma, Arial"><a href="#">&nbsp;LINK
        5 &nbsp;MENU 3</a></font></b></td>
    </tr>
  </table>
</div>
</body>
</html>
Avatar billede keysersoze Ekspert
16. marts 2002 - 22:41 #5
på denne side er der flere eksempler på foldud-menuer - de er jo bare ikke 100% som du vil have dem...

du kan ikke forvente at finde nogle der er præcis det du ønsker, men disse er nok noget af det tætteste du kommer på når ikke du kan "låne" tv2's egen menu :o/
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