Notifikationer

Markér alle som læst Log ud

hoppe11 Nybegynder

10. oktober 2010 - 23:35 Der er 12 kommentarer og
1 løsning

folde select input ud

hvordan kan man via javascript folde et select input ud? (ALT+pil ned)

Synes godt om

w13 Novice

11. oktober 2010 - 08:56 #1

Det tror jeg desværre ikke, du kan. Du kan vistnok kun sætte fokus i feltet, og så må brugeren selv klare udfoldelsen.

Synes godt om

hoppe11 Nybegynder

11. oktober 2010 - 11:28 #2

jamen er det ikke muligt at simulere ALT+Pil ned med noget keycode?

Synes godt om

w13 Novice

11. oktober 2010 - 11:48 #3

Jeg mener ikke at have stødt på metoder til at simulere brugerinputs. Jeg kunne også forestille mig, at browserne synes, det er for farligt rent sikkerhedsmæssigt.

Synes godt om

Slettet bruger

11. oktober 2010 - 17:38 #4

Dén provokerede mig - det MÅ man da ku'.. IKKE let!

Det bedste jeg kunne komme frem til er at udvidde selve selectboksen (i højden) når den får focus (og så give den focus med javascript)
Det ser lidt anderledes ud end normalt, men løser "opgaven" : )
Eksempel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta http-equiv="Content-type" content="text/html;charset=UTF-8"></head>

<body onload='document.theForm.theText.focus()'>

<form name='theForm'>
<input name='theText' value='jaja' type='text' size='50'>
<br>
<select style='overflow:hidden;' name='theSelect' onfocus='this.size=this.options.length' onblur='this.size=1' onclick='this.blur()'>
<option>Vælg din pris</option>
<option>Mistænkelig billig</option>
<option>Billig</option>
<option>Rimelig</option>
<option>Dyr</option>
<option>Urimelig dyr</option>
</select>
</form>

<br><br><a href='java script:document.theForm.theSelect.focus()'>vis options med JS</a>
</body></html>

NB: "'java script" skal rettes til "'javascript" i href nederst

Synes godt om

Slettet bruger

11. oktober 2010 - 17:41 #5

Bonus: Giver også folk uden mus(?) mulighed for at se hele listen af options samlet.

Synes godt om

hoppe11 Nybegynder

11. oktober 2010 - 19:15 #6

tanker > det dur ikke rigtig at den ændrer størrelsen da det får konsekvenser for hele layoutet :(

Synes godt om

w13 Novice

11. oktober 2010 - 20:11 #7

hoppe11>> Eneste løsning må være en JavaScript-kode, der efterligner drop-down'en.

Synes godt om

hoppe11 Nybegynder

11. oktober 2010 - 20:21 #8

hvad mener du?

Synes godt om

Slettet bruger

11. oktober 2010 - 20:43 #9

#6 - Ku' måske fixex ved at placere den med position:fixed/absolute
- så de øvrige elementer ikke berøres når din svulmer.

Tror w13 mener: at du kan lave en <select> selv, med et par <div>'er et hidden input-felt og script.
- findes sikkert allerede "derude"..

Synes godt om

Slettet bruger

11. oktober 2010 - 20:45 #10

Ups: sku' ha' været "fixes" og "når den svulmer" - men det bliver det kun lidt bedre af...

Synes godt om

w13 Novice

11. oktober 2010 - 20:45 #11

At lave en Select med JavaScript og HTML-elementer, og style den så den ligner en rigtig Select. Eller nok bare lave selve select-menuen og indsætte den, så den ligner den rigtige.

Synes godt om

hoppe11 Nybegynder

12. oktober 2010 - 09:52 #12

smid et svar w13 :)

tak for hjælpen

Synes godt om

w13 Novice

12. oktober 2010 - 10:32 #13

;)

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
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
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420: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