Avatar billede webcreator Nybegynder
19. april 2004 - 20:17 Der er 5 kommentarer og
1 løsning

Dropdown menu der frembringer link-liste - uden reload

Hej Eksperter.

Jeg søger et eksempel på en drop-down menu (ganske ordinær HTML menu - <select>), som frembringer en liste med links. Ved skift i menuen, fremkommer en ny liste af links, tilknyttet det specifikke menupunkt.
Avatar billede olebole Juniormester
19. april 2004 - 20:33 #1
<ole>

Hvor skal dine links komme fra?

/mvh
</bole>
Avatar billede webcreator Nybegynder
19. april 2004 - 20:36 #2
De kan ligge direkte i HTML dokumentet. Som variabler eller noget i den retning.
Avatar billede olebole Juniormester
19. april 2004 - 21:06 #3
I princippet kan du skrive noget à la:

<script type="text/JavaScript">
var myLinks = new Array();
myLinks[0] = [ ["Link 00", "p_00.html"], ["Link 01", "p_01.html"], ["Link 02", "p_02.html"] ];
myLinks[1] = [ ["Link 10", "p_10.html"], ["Link 11", "p_11.html"], ["Link 12", "p_12.html"] ];
myLinks[2] = [ ["Link 20", "p_20.html"], ["Link 21", "p_21.html"], ["Link 22", "p_22.html"] ];

function skrivListe(s) {
    var inx, a, str="";
    inx = s.options[s.selectedIndex].value;
    if (inx<0) return;
    a = myLinks[inx];
    for ( i=0; i<a.length; i++ ) str += "<a href=\"" + a[i][1] + "\">" + a[i][0] + "</a><br>";
   
    document.getElementById("liste").innerHTML = str;
}
</script>

<select onchange="skrivListe(this)">
    <option value="-1">Vælg ...</option>
    <option value="0">Valg 1</option>
    <option value="1">Valg 2</option>
    <option value="2">Valg 3</option>
</select>

<div id="liste"></div>
Avatar billede roenving Novice
20. april 2004 - 08:33 #4
Eller en anden indgang til det samme:

<table><tr>
  <td valign="top">
    <select onchange="for(i=0;3>i;i++){ document.getElementById('l'+i).style.display='none';} document.getElementById('l'+this.selectedIndex).style.display='block';">
      <option value="l0">-- Vælg Links-type --</option>
      <option value="l1">Danske links</option>
      <option value="l2">Andre links</option>
    </select></td>
  <td>
    <div id="l0" style="display:block;">Links-type ikke valgt</div>
    <div id="l1" style="display:none;">
      <a href="http://www.google.dk">Google Dk</a><br>
      <a href="http://www.ofir.dk">Ofir</a><br>
    </div>
    <div id="l2" style="display:none;">
      <a href="http://www.cnn.com">CNN</a><br>
      <a href="http://www.altavista.com">Altavista</a><br>
    </div></td>
</tr></table>
Avatar billede webcreator Nybegynder
20. april 2004 - 08:48 #5
Tusind tak for jeres svar. Det ser fint ud.
Jeg ser på det igen, når jeg får tid.

  - Tak igen :)
Avatar billede webcreator Nybegynder
10. juli 2004 - 12:53 #6
Tak for input. Jeg er ved at lukke spørgsmål - hvis nogen føler de burde have points, så kontakt mig i et af mine aktive spørgsmål - så finder vi ud af noget dér.
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

Seneste spørgsmål Seneste aktivitet
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging