Søg
Avatar billede tirra Nybegynder
23. august 2001 - 21:58 Der er 22 kommentarer og
1 løsning

Rullemen

Jeg har brug for en lille rullemenu hvor man har 4 valgmuligheder.
Det man vælger skal så også automatisk også være et link til en af disse 4 filer:
sort.htm
gul.htm
brun.htm
hvid.htm

Jeg har forsøgt mig med <form action> og <optinonvalue> men det vil ikke lykkes.

Jeg vil helst ikke ha \"trykknap\", hvis det kan undgås.

Er det muligt at få en vurdering og/ eller nogen kodeeksempler :)
Avatar billede tirra Nybegynder
23. august 2001 - 21:58 #1
Det hedder måske heller \"rullegardinmenu\" :)
Avatar billede roenving Novice
23. august 2001 - 22:00 #2
Har du prøvet at kigge på Thomas Brattlis eksempler på www.dhtmlcentral.com
Avatar billede lala-joker Nybegynder
23. august 2001 - 22:05 #3
<html>

<head>
<title>JavaScript rul ned liste med link uden knap</title>
</head>

<body>

<form name=\"navForm\">
<select name=\"menu\"
onChange = \"self.location = document.navForm.menu[document.navForm.menu.selectedIndex].value;\">

<option value=\"http://www.dig\">dig</option>
<option value=\"http://www.dig\">dig</option>
<option value=\"http://www.dig\">dig</option>
<option value=\"http://www.dig\">dig</option>
</select>
   
</body>
</html>


ændre dig til det der skal stå ;)
håber du lige kan se hvad det går ud på !
det er hvad du spurgte om.


Avatar billede jakoba Nybegynder
23. august 2001 - 22:06 #4
den simple er:

<form>
<select onchange=\"self.location.href=this.options[this.selectedIndex].value\">
    <option value=\"hestesiden.html\">Noget om heste</option>
    <option value=\"http://www.jubii.dk\">Søgemaskinen Jubii</option>
    <option value=\"http://eksperten.dk\">Lær noget</option>
    <option value=\"../hunde/hundesiden.html\">Min side om hunde</option>
</select>
</form>

Den virker de fleste steder, men fx den gamle AOL-browser kan ikke hitte ud af det så de bør nok også stå som \'normale\' links på siden.

mvh JakobA
Avatar billede jakoba Nybegynder
23. august 2001 - 22:08 #5
for langsom :-))
Avatar billede lala-joker Nybegynder
23. august 2001 - 22:10 #6
hehe jakoba ;)
Avatar billede tirra Nybegynder
23. august 2001 - 22:49 #7
Den vil ikke. jeg har skrevet:

<form name=\"navForm\">
<select name=\"menu\"
onChange = \"self.location = document.navForm.menu[document.navForm.menu.selectedIndex].value;\">

<option value=\"sort.htm\">Sort</option>
<option value=\"gul.htm\">Gul</option>
<option value=\"brun.htm\">Brun</option>
<option value=\"hvid.htm\">Hvid</option>
</select>

Den kan jo heller ikke stå på sort inden man har valgt, eller ?
Kan der ikke står: \"Vælg farve\" og når man så trykker - så kan man se farverne ?
Avatar billede jakoba Nybegynder
23. august 2001 - 22:53 #8
prøv med:

onChange = \"self.location = document.navForm.menu.options[document.navForm.menu.selectedIndex].value;\">

Som du skriver dem skal filerne ligge i samme mappe som websiden, hvis de ligger i en anden mappe må du angive den relative sti derhen.
Avatar billede jakoba Nybegynder
23. august 2001 - 23:01 #9
mht vælg farve ville jeg slet ikke bruge selectboksen. Hvad med:

Vælg en farve:<table border=0 cellspacing=3>
<tr><td bgcolor=#000000><a href=\"sort.htm\">
        <img src=\"gennemsigtig.gif\" width=50 height=50 border=0><td>
    <td bgcolor=\'yellow\'><a href=\"gul.htm\">
        <img src=\"gennemsigtig.gif\" width=50 height=50 border=0><td>
<tr><td bgcolor=\'brown\'><a href=\"brun.htm\">
        <img src=\"gennemsigtig.gif\" width=50 height=50 border=0><td>
    <td bgcolor=#FFFFFF><a href=\"sort.htm\">
        <img src=\"gennemsigtig.gif\" width=50 height=50 border=0><td>
</tr>
</table>

mvh JakobA
Avatar billede roenving Novice
23. august 2001 - 23:10 #10
Hmm ... jakoba, den har du vist tyvstjålet fra en eller anden perifer web-site ;·}
Avatar billede jakoba Nybegynder
23. august 2001 - 23:16 #11
Du MÅ se at lære at stave, det hedder \'inferiør\' :-))
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp93542.html
Avatar billede roenving Novice
23. august 2001 - 23:19 #12
Måske var det det jeg mente ... *GG*
Avatar billede tirra Nybegynder
23. august 2001 - 23:42 #13
Jakoba, det er desværre en længere historie at forklare sammenhængen, og vi er flere - så vi må ha fred i lejren :)

Og en gang til:
Kan der ikke står: \"Vælg farve\" (øverst)og når man så trykker - så kan man se valmulighederne ?

Skal der foresten ikke stå
<script javascript> eller noget i den stil først ?

Men er det ikke muligt, at få det sådan at der øvesrt står vælg en af mulighederne ?
Avatar billede jakoba Nybegynder
24. august 2001 - 00:30 #14
som denne:

<form name=\"navForm\">
<select name=\"menu\"
onChange=\"self.location.href=if(this.selectedIndex>0)this.options[this.selectedIndex].value;\">
<option>vælg farve</option>
<option value=\"sort.htm\">Sort</option>
<option value=\"gul.htm\">Gul</option>
<option value=\"brun.htm\">Brun</option>
<option value=\"hvid.htm\">Hvid</option>
</select>

mvh JakobA
Avatar billede jakoba Nybegynder
24. august 2001 - 00:32 #15
Ups. en grimmer fejl. linien:
onChange=\"self.location.href=if(this.selectedIndex>0)this.options[this.selectedIndex].value;\">
skal være:
onChange=\"if(this.selectedIndex>0)self.location.href=this.options[this.selectedIndex].value;\">
Avatar billede tirra Nybegynder
24. august 2001 - 11:53 #16
jakoba > Tak, nu ser det bedre ud.
Men skal der ikke begyndes med
<script language=\"JavaScript\">
og slutte med
</script>
Avatar billede jakoba Nybegynder
24. august 2001 - 11:58 #17
Nej ikke her.
al javascript koden er \'indeni\' onchange= strengen, og der går browserne automatisk ud fra at det er javascript vi skriver. Vi behøver ikke fortælle den det med <script> ... </script> lommandoer.

mvh JakobA
Avatar billede roenving Novice
24. august 2001 - 11:59 #18
>>tirra
Det skal der kun i deciderede script-sektioner, her har vi en script-event på et html-tag, browseren har ikke brug for yderligere forklaringer.
=;-)
Avatar billede tirra Nybegynder
24. august 2001 - 12:09 #19
Og tak igen til jakoba og roenving :)

Nu er jeg nået et godt stykke hen ad vejen, det fungere i mit test web.
Men nu knokler jeg med at få det ind i et \"frameweb\" hvor det skal bruges og derfor må der laves om på \"link-koden, jeg har forsøgt denne her, men den vil ikke:
<option value=\"top.frames[\'main\'].location.href=\'sort.htm\'\">Sort</option>

Dette har jeg sat ind der hvor der stod:
<option value=\"sort.htm\">Sort</option>

Der må da være muligt at få det at køre med framesæt ... eller :)
Avatar billede jakoba Nybegynder
24. august 2001 - 12:17 #20
Der skal lidt mere til. husk det vi skrev indeni <option var kun adressen før men det er en god ide at skrive den kode der skal udføres. så lad os lave den sådan:

<form name=\"navForm\">
<select name=\"menu\"
onChange=\"if(this.selectedIndex>0)eval(this.options[this.selectedIndex].value);\">
<option>vælg farve</option>
<option value=\"top.frames[\'main\'].location.href=\'sort.htm\';\">Sort</option>
<option value=\"top.frames[\'main\'].location.href=\'gul.htm\';\">Gul</option>
<option value=\"self.location.href=\'brun.htm\';\">Brun</option>
<option value=\"top.frames[\'main\'].location.href=\'hvid.htm\';\">Hvid</option>
</select>

mvh JakobA
Avatar billede jakoba Nybegynder
24. august 2001 - 12:30 #21
Faktisk en grumme god ide, for nu kan vi slippe for den binding mellem \'den option der ikke skal gøre noget\' og dens position i option listen:

<form name=\"navForm\">
<select name=\"menu\" onChange=\"eval(this.options[this.selectedIndex].value);\">
<option value=\"void(\'gør ingenting\');\">vælg farve</option>
<option value=\"top.frames[\'main\'].location.href=\'sort.htm\';\">Sort</option>
<option value=\"top.frames[\'main\'].location.href=\'gul.htm\';\">Gul</option>
<option value=\"self.location.href=\'brun.htm\';\">Brun</option>
<option value=\"top.frames[\'main\'].location.href=\'hvid.htm\';\">Hvid</option>
<option value=\"alert(\'og gøre helt forskellige ting\');\">Hejsan</option>
</select>

mvh JakobA
Avatar billede jakoba Nybegynder
24. august 2001 - 12:57 #22
http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp101654.html
Avatar billede tirra Nybegynder
24. august 2001 - 15:18 #23
Og igen tak til 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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
White papers
Flere white papers »