Avatar billede svjensen Nybegynder
02. marts 2004 - 08:36 Der er 7 kommentarer og
1 løsning

Opfølgning på 'Dynamisk Menu'

I http://www.eksperten.dk/spm/471586 fik jeg hjælp til en dynamisk menu.

Som jeg lige kan gennemskue det, så er nøglen tallet efter 'omenu'. Mit spørgsmål er, om man uden videre kan udvide scriptet til at kunne hakke to cifre, altså fx '11'
Avatar billede mm12010 Nybegynder
02. marts 2004 - 10:05 #1
..hakke to cifre..

hvad mener du?
Avatar billede svjensen Nybegynder
02. marts 2004 - 22:12 #2
Jeg anvender nedenstående til min dynamiske menu (uddrag. For den komplette kode se tidligere omtalte spørgsmål).
Såvidt jeg lige kan gennemskue det, så hentes 6. karakter fra div'ens id, som eksempelvis hedder omenu1 eller omenu2.
Men hvis jeg har flere end 10 menupunkter, så løber jeg ind i et problem (hvis min antagelse holder stik). Mit spørgsmåler derfor, hvordan jeg kan tilpasse scriptet så det kan håndtere div id med to cifre.

<script language="javascript" type="text/javascript">
function showMenu(d){
  var id = d.id.substring(5);
  divs = document.getElementsByTagName('DIV');
  for(i=0;divs.length>i;i++){
    if(divs[i].id.indexOf('menu')==0&&divs[i].id!='menu'+id)divs[i].style.display='none';
  }
  st = document.getElementById('menu'+id).style;
  st.display = (st.display!='block')?'block':'none';
}
</script>
</head>
<body>
<div id="omenu1" class="menupunkt" onclick="parent.hovedmenu.location.href='punkt1.html';showMenu(this);">Punkt 1
  <div id="menu1" class="menu" onclick="event.cancelBubble=true">
    <a href="#" onclick="return false;">Underpunkt 1</a><br>
    <a href="#" onclick="return false;">Underpunkt 2</a><br>
    <a href="#" onclick="return false;">Underpunkt 3</a><br>
    <a href="#" onclick="return false;">Underpunkt 4</a>
  </div>
</div>
<div id="omenu2" class="menupunkt" onclick="showMenu(this);">Punkt 2
  <div id="menu2" class="menu" onclick="event.cancelBubble=true">
    <a href="#" onclick="return false;">Underpunkt 1</a><br>
    <a href="#" onclick="return false;">Underpunkt 2</a><br>
    <a href="#" onclick="return false;">Underpunkt 3</a><br>
    <a href="#" onclick="return false;">Underpunkt 4</a>
  </div>
Avatar billede roenving Novice
02. marts 2004 - 23:20 #3
Det er _alle_ karakterer fra den 6. og resten, som hentes med .substring !-)

-- ikke fordi jeg tænkte det, da jeg oprindeligt skrev koden, men i en anden omgang er jeg stødt ind i det !-)
Avatar billede svjensen Nybegynder
03. marts 2004 - 20:41 #4
Super. Så kan det jo ikke være nemmere.
Jeg må dog indrømme, at jeg syntes, at det er et lidt tyndt grundlag at give point på.
Men jeg kune godt tænke mig at vide om man uden de større problemer kan tilføje endnu et niveau, så underpunkterne også kan åbnes med punkter i. (Forstår I mig?)

Det er jeg naturligvis klar til at give point for.
Avatar billede roenving Novice
03. marts 2004 - 23:47 #5
Nu er denne specialfremstillet til det simple tilfælde, men man kan sagtens udvide den, det kræver dog lige en del mere !-)
Avatar billede svjensen Nybegynder
28. april 2004 - 12:16 #6
Det bliver ikke lige foreløbigt, at jeg kaster mig ud i det.

roenving, der er point til et svar.
Avatar billede roenving Novice
28. april 2004 - 14:52 #7
Velbekomme '-)
Avatar billede roenving Novice
28. april 2004 - 23:03 #8
-- og tak for points ;~}
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