Avatar billede brianb Nybegynder
11. august 2006 - 15:48 Der er 4 kommentarer og
1 løsning

Drop down menu

Jeg har fundet det her JavaScript, og det fungerer egentlig som det skal, jeg har ikke så meget forstand på JavaScripts endnu, mit problem er at når man starter scriptet op starter det som udslået, og det er ikke hvad det skal, jeg vil gerne have at det kun folder ud når man trykker på det.
Nogen der kan forklare mig hvor i scriptet jeg skal ændre det så den kun folder en undermenu ud, og helst ikke starter med nogen som er udfoldet?

BrianB

// This scripts available from - http://www.viewsource.dk
// LOts of free Java Applets, DHTML and Javascript

// *****  This goes in the head section  *****

<SCRIPT LANGUAGE=javascript>

constMaxItem=3

function fnDispThis(active)
{
for (i=1; i < constMaxItem+1; i++)
    {
    if (i!=active)
        {
        document.all("sub"+i).style.display="NONE"
        }
    else
        {
        document.all("sub"+active).style.display="BLOCK"
        }
    }
}

</SCRIPT>


// *****  This goes in the body section  *****

<table BORDER="0" CELLSPACING="0" CELLPADDING="0">
    <tr>
        <td class="format" onclick="fnDispThis(1)" style="Cursor:HAND;"><B>www.viewsource.dk</B><br>
        <DIV id="sub1" style="Display:'NONE';">
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Applets</a><br>
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Scripts</a><br>
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free DHTML Scripts</a><br>
        </DIV>
        </td>
    </tr>

    <tr>
        <td class="format" onclick="fnDispThis(2)" style="Cursor:HAND;"><B>www.viewsource.dk</B><br>
        <DIV id="sub2" style="Display:'NONE';">
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Applets</a><br>
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Scripts</a><br>
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free DHTML Scripts</a><br>
        </DIV>
        </td>
    </tr>

    <tr>
        <td class="format" onclick="fnDispThis(3)" style="Cursor:HAND;"><B>www.viewsource.dk</B><br>
        <DIV id="sub3" style="Display:'NONE';">
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Applets</a><br>
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Scripts</a><br>
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free DHTML Scripts</a><br>
        </DIV>
        </td>
    </tr>

   
   
</table>
Avatar billede psykochicken Nybegynder
12. august 2006 - 12:47 #1
fjern 'er omkring none: style="diaplay:'none';"

...og hvis det skal virke uden for IE, kunne det være noget i stil med:
<SCRIPT type="text/javascript" language="javascript">

constMaxItem=3

function fnDispThis(active)
{
for (i=1; i < constMaxItem+1; i++)
    {
    if (i!=active)
        {
        document.getElementById("sub"+i).style.display="none";
        }
    else
        {
        document.getElementById("sub"+active).style.display="block";
        }
    }
}
</SCRIPT>
</head>

<body>
<table border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td class="format" onclick="fnDispThis(1)" style="cursor:pointer;"><B>www.viewsource.dk</B><br>
        <DIV id="sub1" style="display:none;">
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Applets</a><br>
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Scripts</a><br>
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free DHTML Scripts</a><br>
        </DIV>
        </td>
    </tr>

    <tr>
        <td class="format" onclick="fnDispThis(2)" style="cursor:pointer;"><B>www.viewsource.dk</B><br>
        <DIV id="sub2" style="display:none;">
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Applets</a><br>
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Scripts</a><br>
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free DHTML Scripts</a><br>
        </DIV>
        </td>
    </tr>

    <tr>
        <td class="format" onclick="fnDispThis(3)" style="cursor:pointer;"><B>www.viewsource.dk</B><br>
        <DIV id="sub3" style="display:none;">
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Applets</a><br>
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free Java Scripts</a><br>
        &nbsp;&nbsp;&nbsp;<A href="http://www.viewsource.dk">Free DHTML Scripts</a><br>
        </DIV>
        </td>
    </tr>
</table>
</body>

/psc
Avatar billede psykochicken Nybegynder
12. august 2006 - 12:48 #2
hov...fedtfinger: diaplay = display ;o)
Avatar billede brianb Nybegynder
12. august 2006 - 13:46 #3
Orv lige det svar jeg manglede, mange tak, vil du have credits så smid et svar :)
Avatar billede psykochicken Nybegynder
13. august 2006 - 01:03 #4
velbekomme ;o)
Avatar billede psykochicken Nybegynder
15. august 2006 - 11:28 #5
..og tak for point ;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