Avatar billede krogstrup Nybegynder
04. juni 2001 - 13:59 Der er 6 kommentarer og
1 løsning

Windows stifinder lignende menu

Dette spm er stillet 68 før, men stort set alle er besvaret med henvisninger til sider som bratta.com & DanSteiman.com osv.

Det er også fint nok - men de færdige scripts der kan findes der fylder 8 A4 sider og er lidt svære at gennemskue synes jeg.

Derfor kunne jeg godt tænke mig at få forklaret (på papkasse niveau) strukturen bag hvordan man laver en helt simpel menu, hvor der kan klikkes på et hovedpunkt, hvorefter en undermenu kommer frem mellem hovedpunkt 1 og hovedpunkt 2.

Jeg kunne godt tænke mig et fuldstændig basalt kodeeksempel med 2 hovedpunkter, hvor der kan klikkes en undermenu frem til hovedpunkt 1.

Koden skal fungere i IE4+ og NS4+
Avatar billede riversen Nybegynder
04. juni 2001 - 14:03 #1
så skal du have gang i noget seriøs programmering, hvis det skal være godt og flot, som fx på www.coolfocus.com (java programmeret)
Avatar billede krogstrup Nybegynder
04. juni 2001 - 14:05 #2
OK - Jeg glemte måske at nævne at grunden til jeg har stillet dette spm i DHTML katagorien er at menuen ønskes programmeret i DHTML !!!

Altså masser af DIV´er + diverse javascripts
Avatar billede nuki Nybegynder
04. juni 2001 - 14:10 #3
prøv at kikke på http://www.dynamicdrive.com/dynamicindex1/dropcontent.htm

det er et script til at lave sådan en menu
Avatar billede nuki Nybegynder
04. juni 2001 - 14:14 #4
Avatar billede krogstrup Nybegynder
04. juni 2001 - 14:14 #5
1) Jeg skrev i min spm-formulering at jeg IKKE ønskede blot at blive henvist til færdige scripts på andre sites. Hvis der skal være tale om links til andre sites - skal det væres links til udførlige tutorials !!!

2) Der kommer javascript fejl på den side, du har henvist mig til !
Avatar billede krogstrup Nybegynder
04. juni 2001 - 14:26 #6
Min kode indtil nu ser således ud:


<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">

<html>
<head>
    <title>Test</title>
<script language=\"JavaScript\">
n=document.layers;
ie=document.all;

if (n) {
    visible=\'show\';
    hidden=\'hide\'; }

else if (ie) {
    visible=\'visible\';
    hidden=\'hidden\';}

function hideORshow(temp)
{
    var obj = eval(\"document.\" + temp);
    if(n)
    {
      if (obj.visibility == hidden)
          obj.visibility=visible;
      else
          obj.visibility=hidden;
    }
    else if (ie)
    {
      if (document.all(temp).style.visibility == hidden)
          document.all(temp).style.visibility=visible;
      else
          document.all(temp).style.visibility=hidden;
    }
}

</script>
</head>

<body>

<a href=\"java script:hideORshow(\'lag1\')\">Hovedpunkt 1</a><br>
<div id=\"lag1\">
Underpunkt 1<br>
Underpunkt 2
</div>
Hovedpunkt 2


</body>
</html>



Problemet er bare at \"Hovedpunkt 2\" ikke rykker op til \"Hovedpunkt 1\" når undermenu-laget skjules. Hvordan fixes det ???
Avatar billede krogstrup Nybegynder
05. juni 2001 - 10:16 #7
Lukker
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