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

Blueeyez Mester

29. januar 2012 - 14:42 Der er 8 kommentarer og
1 løsning

dropdown menu i html5

Jeg er igang med en dropdown menu, jeg ved godt det er basis og nok nemt for mange.. men jeg har følgende som virker, dog virker det ikke somhensigten:

<select size="2" onchange="if(this.value!=-1){window.open(this.value,'_self')}">
<option value="http://javadl.sun.com/webapps/download/AutoDL?BundleId=58139">Java online installer</option>
<option value="http://javadl.sun.com/webapps/download/AutoDL?BundleId=58124">Java offline installer</option>
</select>

Som det står lige nu så skal man klikke på 1 af følgende for at download begynder, men jeg vil godt have en download knap ovenfor, hvordan laver jeg sådan en og henviser til følgende liste? Håber man kan sige den skal fungere på alle.. altså så når man markerer 1 af mulighederne og klikker på knappen så hentes filen som det markerede henviser til..

Synes godt om

Blueeyez Mester

29. januar 2012 - 14:52 #1

Samt kan man fjerne den scroll bar der er i højre side? Ligesom på hjemmesider?

Synes godt om

Kaa85 Praktikant

29. januar 2012 - 16:10 #2

Hvis du giver din liste et id, kan du gennem javascript finde den valgte værdi.
Så du skal indsætte en knap der finder listens værdi og åbner vinduet, så:

ville nok være en okay løsning..

Synes godt om

Kaa85 Praktikant

29. januar 2012 - 16:12 #3

Mht. scrollbaren, mener jeg ikke du kan fjerne den desværre.

Men er ikke sikker, så måske en anden ligger inde med den viden?

Synes godt om

Blueeyez Mester

29. januar 2012 - 16:36 #4

#2 Kan du ikke lige lave selve koden med den dropdown jeg har smidt kode til? :S

Har følgende nu:

<input type="button" value="Download" onclick="if(document.getElementById('download').value!=-1){window.open(document.getElementById('idPåSelect').value,'_self')}" />

<select size="2">
<id="download">
<option value="http://javadl.sun.com/webapps/download/AutoDL?BundleId=58139">Java online installer</option>
<option value="http://javadl.sun.com/webapps/download/AutoDL?BundleId=58124">Java offline installer</option>
</id="download">
</select><br />

Men det ser ikke rigtigt ud så vidt jeg kan se, men jeg ved heller ikke hvad der er rigtigt..

Synes godt om

olebole Juniormester

29. januar 2012 - 17:59 #5

<ole>

En smule helt grundlæggende HTML-viden er aldrig af vejen, når man skrive websider =)

<input type="button" value="Download" onclick="window.location.href=document.getElementById('download').value">

<select id="download" size="2">
<option value="http://javadl.sun.com/webapps/download/AutoDL?BundleId=58139">Java online installer</option>
<option value="http://javadl.sun.com/webapps/download/AutoDL?BundleId=58124">Java offline installer</option>
</select>

/mvh
</bole>

Synes godt om

Blueeyez Mester

29. januar 2012 - 22:32 #6

#5 Mange tak :D Smid endeligt et svar, koden virker som ønsket :D

Synes godt om

olebole Juniormester

29. januar 2012 - 22:38 #7

Ellers tak, jeg samler ikke point =)

Synes godt om

Blueeyez Mester

30. januar 2012 - 19:28 #8

#7 Ja okay :)

Kaa85 smid et svar :)

Synes godt om

Blueeyez Mester

06. februar 2012 - 21:44 #9

Lukker :)

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 HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51
Link fra form input Af jnrmgs i HTML	9	19/09/202319:10	23/09/202313:11
includere i HTML Af slein55 i HTML	3	15/09/202313:47	16/09/202309:40

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