CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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 :)

Synes godt om

tirra Nybegynder

23. august 2001 - 21:58 #1

Det hedder måske heller \"rullegardinmenu\" :)

Synes godt om

roenving Novice

23. august 2001 - 22:00 #2

Har du prøvet at kigge på Thomas Brattlis eksempler på www.dhtmlcentral.com

Synes godt om

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.

Synes godt om

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

Synes godt om

jakoba Nybegynder

23. august 2001 - 22:08 #5

for langsom :-))

Synes godt om

lala-joker Nybegynder

23. august 2001 - 22:10 #6

hehe jakoba ;)

Synes godt om

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 ?

Synes godt om

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.

Synes godt om

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

Synes godt om

roenving Novice

23. august 2001 - 23:10 #10

Hmm ... jakoba, den har du vist tyvstjålet fra en eller anden perifer web-site ;·}

Synes godt om

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

Synes godt om

roenving Novice

23. august 2001 - 23:19 #12

Måske var det det jeg mente ... *GG*

Synes godt om

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 ?

Synes godt om

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

Synes godt om

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;\">

Synes godt om

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>

Synes godt om

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

Synes godt om

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.
=;-)

Synes godt om

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 :)

Synes godt om

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

Synes godt om

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

Synes godt om

jakoba Nybegynder

24. august 2001 - 12:57 #22

http://hjem.get2net.dk/Jakob.Aggernaes/temp/exp101654.html

Synes godt om

tirra Nybegynder

24. august 2001 - 15:18 #23

Og igen tak til jakoba

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
Returner ikke alt Af ingeman i JavaScript	13	26/06/202414:40	01/07/202417:00
Vis og skjul sektioner - virker kun på den første sektion Af nemlig i JavaScript	4	24/06/202422:50	26/06/202420:33
Hente og gemme Cookies like this. Af DanishBear i JavaScript	6	04/06/202416:23	05/06/202414:23
Ajax - indlæs webside og derefter hente data Af nemlig i JavaScript	4	21/05/202417:19	22/06/202422:07
Disable button efter 1. klik Af nemlig i JavaScript	2	05/05/202415:37	05/05/202416:25

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS