Avatar billede steen_hansen Forsker
08. november 2001 - 11:30 Der er 6 kommentarer og
1 løsning

Links knyttet til drop-down

Jeg vil gerne lave en drop-down boks til \"hurtig navigation\". Hvordan laver jeg det i HTML?

<select size=\"1\" name=\"Navigation\" id=\"input\">
<option>Hurtig navigation</option>
<option value=\"design\">Design</option>
<option value=\"applikation\">Applikationer</option>
</select>

Ejeren af sitet har ikke ASP. Det skal være i HTML.
Avatar billede jakoba Nybegynder
08. november 2001 - 11:38 #1
<select size=\"1\" name=\"Navigation\" id=\"input\" onchange=\"self.location.href=this.options[this.selectedIndex].value\">
<option value=\"java script:void(0)\">Hurtig navigation</option>
<option value=\"design.html\">Design</option>
<option value=\"undermappe/applikation.html\">Applikationer</option>
</select>

mvh JakobA
Avatar billede steen_hansen Forsker
08. november 2001 - 11:38 #2
Hvis det hele skal med:

<form method=\"GET\" action=\"Hvad_skal_der_stå_her?\">
<select size=\"1\" name=\"Soeg\" id=\"input\">
<option>Hurtig navigation</option>
<option>Design</option>
<option>Applikationer</option>
</select>
</form>
Avatar billede steen_hansen Forsker
08. november 2001 - 11:39 #3
Hej igen, Jakob :o) Hurtig respons!

Hvad med <form...>?
Avatar billede steen_hansen Forsker
08. november 2001 - 11:48 #4
Jeg har følgende, og det virker ikke rigtigt:

<form method=\"GET\">
    <select size=\"1\" name=\"Navigation\" id=\"input\" onchange=\"self.location.href=this.options[this.selectedIndex].value\">
        <option\"java script:void(0)\">Hurtig navigation</option>
        <option value=\"design.html\">Design</option>
        <option value=\"applikation.html\">Applikationer</option>
    </select>
</form>
Avatar billede jakoba Nybegynder
08. november 2001 - 11:51 #5
din action i form kommandoen er til når formen submittes. den fortæller hvilket asp (eller andet) serverside program der skal behandle de indtastede data.
Normalt er \'navigation\' blot at følge hyperlinksene fra den ene webside til den næste.
men du kan da godt lade serveren gøre det arbejde:

<form method=\"GET\" action=\"navn_paa_fil.asp\">
<select size=\"1\" name=\"Soeg\" id=\"input\" onchange=\"this.form.submit()\">
<option>Hurtig navigation</option>
<option>Design</option>
<option>Applikationer</option>
</select>
</form>

så bliver den formular submitted når brugeren vælger noget, og det er så op til asp koden i navn_paa_fil.asp at kikikke på hvilken option der blev valgt og handle derefter.

Jeg vil ikke anbefale det da det giver væsentlig langsommere responstid når serveren sådan skal kontaktes.

mvh JakobA
Avatar billede jakoba Nybegynder
08. november 2001 - 11:58 #6
du har tabt  value= i første option:

        <option\"java script:void(0)\">Hurtig navigation</option>
der skal stå
        <option value=\"java script:void(0)\">Hurtig navigation</option>
Avatar billede steen_hansen Forsker
08. november 2001 - 13:22 #7
Hej igen, Jakob. Jeg har lavet flg, og det virker:

Mellem <head></head>:

<script language=\"JavaScript\">
<!--
function jumppage(sel) {
  var i = sel.selectedIndex
  if (i!=0) { top.location.href = sel.options[i].value }
}
// -->
</script>

FORM:

<form method=\"GET\" action=\"#\">
    <select size=\"1\" name=\"Navigation\" id=\"input\" onchange=\"jumppage(this);\">
        <option>Indhold</option>
        <option value=\"home.html\" selected>Startside</option>
        <option value=\"design.html\">Design</option>
        <option>Applikationer</option>
    </select>
</form>

Tak for hjælpen :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