Avatar billede swasper Nybegynder
17. maj 2001 - 10:58 Der er 2 kommentarer og
1 løsning

Redigering af menu

Er der nogen der kan lave dette script om så det virker sådan at hvis en punkt allerede er åbent så bliver det lukket når man åbner et andet punkt ?

Altså det skal kun være muligt at have et punkt åbent af gangen.
Avatar billede fredand Forsker
17. maj 2001 - 11:19 #1
Hola!

Perhaps I have missunderstand you and this might not be what you are loking for at all,

JS-file
var one = 0;
var two = 0;
function myClickOne()
{
    if(one == 0)
    {
        one = 1;
        window.document.all.part1_sub.className = \'on\';
    }
    else
    {
        one = 0;
        window.document.all.part1_sub.className = \'off\';
    }
   
}

function myClickTwo()
{
    if(one == 0)
    {
        one = 1;
        window.document.all.part2_sub.className = \'on\';
    }
    else
    {
        one = 0;
        window.document.all.part2_sub.className = \'off\';
    }
}
window.document.all.part1.onclick = myClickOne;
window.document.all.part2.onclick = myClickTwo;

CSS-fil
.header
{
  font-weight: italic;
  cursor: e-resize;
}

.on
{
}

.off
{
  display: none;
}

.invis
{
  color: white;
}

HTML-file:

  <head>
    <title>3b</title>
    <link href=\"css/lektion3b.css\" rel=\"stylesheet\" type=\"text/css\"/>
  </head>

  <body>
    <h1>DHTML/innehåll: användarstyrd textförändring 2</h1>
    <div id=\"part1\" class=\"header\">DEL I</div>
    <div id=\"part1_sub\" class=\"off\">
      <span class=\"invis\">---</span><span><a href=\'http://www.nu\'>Kap 1</a><br/></span>
    </div>

    <div id=\"part2\" class=\"header\">DEL II</div>
    <div id=\"part2_sub\" class=\"off\">
      <span class=\"invis\">---</span><span><a href=\'http://www.nu\'>Kap 2</a><br/></span>
      <span class=\"invis\">---</span><span><a href=\'http://www.nu\'>Kap 3</a><br/></span>
      <span class=\"invis\">---</span><span><a href=\'http://www.nu\'>Kap 4</a><br/></span>
    </div>

    <script type=\"text/JScript.Encode\" src=\"js/lektion3b.js\"></script>

    <p>
      <a href=\"http://validator.w3.org/check/referer\">Valid XHTML 1.0</a>
      <a href=\"http://jigsaw.w3.org/css-validator/\">Valid CSS</a>
    </p>
  </body>

Best regards

Fredrik
Avatar billede nute Nybegynder
17. maj 2001 - 11:24 #2
hvorfor ikke ta en titt på

http://www.bratta.com/dhtml/scripts/scripts.asp?id=33&ac=0&order=created

der er det 7 eksempler på gode menyer. Ellers kan du se på:

http://www.bratta.com/dhtml/scripts/list.asp

og klikke på de links som inneholder \"menu\" for å se andre gode menyer

/nute
Avatar billede jakoba Nybegynder
17. maj 2001 - 11:40 #3
Det nemmeste er vel en huske-variabel der hele tiden husker hvad der blev åbnet sidst:

var husker = -1;  // -1 = intet åbent. 0,1,2,3 = de ting der kan åbnes.

function aaben( nr )
  if ( husker >= 0 ) dinluk( husker );
  husker = nr;
  dinaaben( nr );
};

så vil det der var åbent før automatisk blive lukket når du åbner noget andet.

mvh JakobA
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